登录页面

miniprogram/pages/login/login.less

@@ -1,36 +1,43 @@
 /* pages/login/login.wxss */
 .container {
   background: #FFFFFF;
+  position: relative;
+}
+.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;
   display: flex;
   align-items: center;
   flex-direction: column;
-  padding-top: 150rpx;
-  image {
+  padding-top: 180rpx;
+  .appImg {
     width: 160rpx;
     height: 160rpx;
-    border-radius: 32rpx;
-    overflow: hidden;
   }
   .appname {
-    padding-top: 40rpx;
-    font-weight: 600;
-    font-size: 40rpx;
-    color: #333333;
-    line-height: 56rpx;
+    margin-top: 34rpx;
+    width: 248rpx;
+    height: 43rpx;
   }
 }
 
 .login-section {
-  padding-top: 180rpx;
-  padding: 180rpx 40rpx 0;
+  padding: 200rpx 60rpx 0;
   button {
     width: 100%;
     line-height: 88rpx;
-    background: linear-gradient( 315deg, #FF4A00 0%, #FE8C00 100%);
-    border-radius: 16rpx;
+    background: url(https://oss.dayaedu.com/ktyq/1738898417485.png) no-repeat;
+    background-size: 100% 100%;
     font-weight: 500;
     font-size: 32rpx;
     color: #FFFFFF;
@@ -38,7 +45,6 @@
     padding-bottom: 0;
     &[disabled][type=primary] {
       color: #fff;
-      background: linear-gradient( 315deg, #FF4A00 0%, #FE8C00 100%);
       opacity: 0.7;
     }
   }
@@ -63,7 +69,7 @@
       transform: translateY(4rpx)
     }
     .protocol {
-      color: #FF5000;
+      color: #0AAF20;
     }
   } 
 

miniprogram/pages/login/login.wxml

@@ -1,18 +1,19 @@
 <!--pages/login/login.wxml-->
 <view class="container">
-  <navigation-bar title="登录" ></navigation-bar>
+  <view class="appBg"></view>
+  <navigation-bar title="" ></navigation-bar>
   <view class="appInfo">
-    <image src="https://oss.dayaedu.com/ktyq/1732760061046.png"></image>
-    <text class="appname">音乐数字AI器乐工具</text>
+    <image class="appImg" src="https://oss.dayaedu.com/ktyq/1738896831535.png"></image>
+    <image class="appname" src="https://oss.dayaedu.com/ktyq/1738896882332.png"></image>
   </view>
   <view class="login-section">
     <view class="btnSection">
-      <button type="primary" disabled="{{ !isAgree }}" open-type="getUserInfo" bindgetuserinfo="getLogin">微信一键登录</button>
+      <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 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>