样式

pages/donutLogin/index.js

@@ -1,8 +1,5 @@
 Page({
-
   data: {
-    appIcon: 'https://testchu-7gy8occc8dcc14c3-1304825656.tcloudbaseapp.com/platform-console/assets/favicon.svg',
-    appName: 'Donut 多端应用',
     checkedAgree: false,
     loginSuccess: false, // 标记是否登录成功
   },

pages/donutLogin/index.json

@@ -1,3 +1,4 @@
 {
-  "usingComponents": {}
+  "usingComponents": {},
+  "navigationStyle": "custom"
 }

pages/donutLogin/index.wxml

@@ -1,24 +1,21 @@
-
-<view class="donutLogin__app-info">
-  <image class="donutLogin__app-icon" src="{{appIcon}}"></image>
-  <view class="donutLogin__app-name">{{appName}}</view>
-</view>
-
-<view class="donutLogin__login-action">
-  <button class="donutLogin__login-button" type="primary" bindtap="onTapWeixinMiniProgramLogin" disabled="{{!checkedAgree}}">微信小程序登录</button>
-  <checkbox-group bindchange="onCheckboxChange">
-    <label class="donutLogin__checkbox-container">
-      <checkbox class="donutLogin__checkbox" checked="{{checkedAgree}}" />
-      <span class="donutLogin__checkbox-label"></span>
-      <span class="donutLogin__checkbox-text">
-        阅读并同意
-        <span catchtap="onShowAgreement" data-idx="0" style="color: #576b95;">
-          《用户协议》
-        </span>
-        <span catchtap="onShowAgreement" data-idx="1" style="color: #576b95;">
-          《隐私政策》
-        </span>
-      </span>
-    </label>
-  </checkbox-group>
-</view>
+<view class="donutLogin">
+    <view class="welcomeText">欢迎来到朗读小咖秀<view>请先登录</view>
+    </view>
+    <button class="button" type="primary" bindtap="onTapWeixinMiniProgramLogin"
+        disabled="{{!checkedAgree}}">微信小程序登录</button>
+    <checkbox-group bindchange="onCheckboxChange">
+        <label class="donutLogin__checkbox-container">
+            <checkbox class="donutLogin__checkbox" checked="{{checkedAgree}}" />
+            <span class="donutLogin__checkbox-label"></span>
+            <span class="donutLogin__checkbox-text">
+                阅读并同意
+                <span catchtap="onShowAgreement" data-idx="0" style="color: #576b95;">
+                    《用户协议》
+                </span>
+                <span catchtap="onShowAgreement" data-idx="1" style="color: #576b95;">
+                    《隐私政策》
+                </span>
+            </span>
+        </label>
+    </checkbox-group>
+</view>