feat: 按钮增加white类型

miniprogram/components/introduction-popup/introduction-popup.less

@@ -8,11 +8,16 @@
     z-index: 9999;
 
     &-title {
+        position: absolute;
+        top: 52rpx;
+        left: 50%;
+        transform: translateX(-50%);
         text-align: center;
         color: rgba(255, 235, 59, 0.95);
         font-size: 40rpx;
         font-weight: bold;
-        margin-top: 52rpx;
+        width: 100%;
+        // margin-top: 52rpx;
     }
 
     .tip-box {
@@ -21,15 +26,19 @@
 
     .tip-text {
         color: rgba(255, 235, 59, 0.95);
+        // color: #fff;
         font-size: 32rpx;
     }
 
     .first-step {
-        position: relative;
+        position: absolute;
+        top: 128rpx;
+        left: 0;
+        width: 100%;
 
         .tip-box {
             position: absolute;
-            top: 18rpx;
+            top: 0;
             left: 50%;
             transform: translateX(-50%);
             width: 342px;
@@ -40,7 +49,7 @@
 
         .guide-icon {
             position: absolute;
-            top: 66rpx;
+            top: 48rpx;
             left: 106rpx;
             width: 22px;
             height: 39px;
@@ -49,7 +58,7 @@
 
         .tip-text {
             position: absolute;
-            top: 156rpx;
+            top: 138rpx;
             left: 110rpx;
             width: 550rpx;
             height: 94rpx;
@@ -57,4 +66,12 @@
         }
     }
 
+    .btn-next-step {
+        color: rgba(255, 235, 59, 0.95);
+        border-radius: 28rpx;
+        position: absolute;
+        top: 260rpx;
+        left: 50%;
+        transform: translateX(-50%);
+    }
 }

miniprogram/components/introduction-popup/introduction-popup.wxml

@@ -11,5 +11,12 @@
         <view class="tip-text">
             这里请输入你想让小朋友熟悉的汉字、字母、数字等，点击“确定”
         </view>
+        <toy-button
+            type="white"
+            plain
+            bind:click="toNextStep"
+            custom-class="btn-next-step">
+            下一步
+        </toy-button>
     </view>
 </view>