登录页

miniprogram/pages/login/login.less

@@ -1,18 +1,19 @@
 /* pages/login/login.wxss */
 .container {
   background: #FFFFFF;
+  height: 100vh;
   position: relative;
+  display: flex;
+  flex-direction: column;
+
+  .containerBox {
+    flex-grow: 1;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
 }
-.appBg{
-  position: absolute;
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 368rpx;
-  background: linear-gradient( 180deg, #76EE12 0%, #FFFFFF 100%);
-  opacity: 0.5;
-  z-index: 1;
-}
+
 .appInfo {
   position: relative;
   z-index: 2;
@@ -20,30 +21,36 @@
   align-items: center;
   flex-direction: column;
   padding-top: 180rpx;
+
   .appImg {
     width: 160rpx;
     height: 160rpx;
   }
+
   .appname {
-    margin-top: 24rpx;
-    width: 256rpx;
-    height: 62rpx;
+    margin-top: 50rpx;
+    font-weight: 600;
+    font-size: 40rpx;
+    color: #000000;
+    line-height: 56rpx;
   }
 }
 
 .login-section {
-  padding: 200rpx 60rpx 0;
+  margin: 0 56rpx 252rpx;
+
   button {
     width: 100%;
-    line-height: 88rpx;
-    background: url(https://oss.dayaedu.com/ktyq/1738898417485.png) no-repeat;
+    line-height: 84rpx;
+    background: url(https://oss.dayaedu.com/ktyq/1739519619501.png) no-repeat;
     background-size: 100% 100%;
-    font-weight: 500;
+    font-weight: 600;
     font-size: 32rpx;
     color: #FFFFFF;
     padding-top: 0;
     padding-bottom: 0;
     border-radius: 78rpx;
+
     &[disabled][type=primary] {
       color: #fff;
       opacity: 0.4;
@@ -54,24 +61,27 @@
     width: 100%;
     text-align: center;
     font-size: 26rpx;
-    padding-top: 80rpx;
+    padding-top: 50rpx;
     color: #999999;
     line-height: 36rpx;
+
     .radioSection {
       height: 36rpx;
       display: inlin-flex;
       align-items: center;
       justify-content: center;
     }
+
     .radio {
       width: 32rpx;
       height: 32rpx;
       margin-right: 12rpx;
       transform: translateY(6rpx)
     }
+
     .protocol {
-      color: #0AAF20;
+      color: #FE462E;
     }
-  } 
+  }
 
 }

miniprogram/pages/login/login.wxml

@@ -1,20 +1,21 @@
 <!--pages/login/login.wxml-->
 <view class="container">
-  <view class="appBg"></view>
-  <navigation-bar title="" ></navigation-bar>
-  <view class="appInfo">
-    <image class="appImg" src="https://oss.dayaedu.com/ktyq/1738896831535.png"></image>
-    <image class="appname" src="https://oss.dayaedu.com/ktyq/1739445615235.png"></image>
-  </view>
-  <view class="login-section">
-    <view class="btnSection">
-      <button hover-class="none" type="primary" disabled="{{ !isAgree }}" open-type="getUserInfo" bindgetuserinfo="getLogin">微信一键登录</button>
+  <navigation-bar title=""></navigation-bar>
+  <view class="containerBox">
+    <view class="appInfo">
+      <image class="appImg" src="https://oss.dayaedu.com/ktyq/1739519508057.png"></image>
+      <view class="appname">器乐数字ai助手</view>
     </view>
-    <view class="protocol-section">
-      <image wx:if="{{isAgree}}" bind:tap="onAgree" src="./images/radio-active.png" class="radio"></image>
-      <image wx:else bind:tap="onAgree" src="./images/radio-default.png" class="radio"></image>
-      <text bind:tap="onAgree">我已阅读并同意</text><text class="protocol" bind:tap="onProtocol" data-type="register">《小程序服务协议》</text>&<text class="protocol" bind:tap="onProtocol" data-type="privacy">《隐私政策》</text>
-      <!-- <text class="protocol">《平台交易规则》</text> -->
+    <view class="login-section">
+      <view class="btnSection">
+        <button hover-class="none" type="primary" disabled="{{ !isAgree }}" open-type="getUserInfo" bindgetuserinfo="getLogin">微信一键登录</button>
+      </view>
+      <view class="protocol-section">
+        <image wx:if="{{isAgree}}" bind:tap="onAgree" src="./images/radio-active.png" class="radio"></image>
+        <image wx:else bind:tap="onAgree" src="./images/radio-default.png" class="radio"></image>
+        <text bind:tap="onAgree">我已阅读并同意</text><text class="protocol" bind:tap="onProtocol" data-type="register">《小程序服务协议》</text>&<text class="protocol" bind:tap="onProtocol" data-type="privacy">《隐私政策》</text>
+        <!-- <text class="protocol">《平台交易规则》</text> -->
+      </view>
     </view>
   </view>
 </view>