Browse Source

登录页面

Shan9312 7 months ago
parent
commit
6d85edb585
3 changed files with 26 additions and 11 deletions
  1. 2 1
      src/pages.json
  2. 18 6
      src/pages/my/my.vue
  3. 6 4
      src/pages/phone/phone.vue

+ 2 - 1
src/pages.json

@@ -90,7 +90,8 @@
       "path": "pages/my/my",
       "type": "page",
       "style": {
-        "navigationBarTitleText": "欢迎登录"
+        "navigationBarTitleText": "欢迎登录",
+        "navigationBarBackgroundColor": "#f6d7a7"
       }
     },
     {

+ 18 - 6
src/pages/my/my.vue

@@ -1,6 +1,9 @@
 <route lang="json5" type="page">
 {
-  style: { navigationBarTitleText: '欢迎登录' },
+  style: {
+    navigationBarTitleText: '欢迎登录',
+    navigationBarBackgroundColor: '#f6d7a7',
+  },
 }
 </route>
 
@@ -13,11 +16,12 @@
       </view>
       <view class="btn mt-10 user">用户一键登录</view>
       <view class="btn mt-10 tel" @click="getPhone">手机号安全登录</view>
-      <view class="mt-10 title">
+      <view class="mt-5">
         <wd-radio-group :modelValue="isChecked" inline checked-color="#eea441" @change="setChecked">
-          <wd-radio :value="true" shape="dot" inline>
-            我已认真阅读并同意《服务协议》、《隐私政策》
+          <wd-radio :value="true" shape="dot" class="title" inline>
+            我已认真阅读并同意《隐私政策》
           </wd-radio>
+          <!-- <text>  我已认真阅读并同意《服务协议》、《隐私政策》</text> -->
         </wd-radio-group>
       </view>
     </view>
@@ -49,7 +53,7 @@ const setChecked = (val) => {
 <style lang="scss" scoped>
 //
 .con-top {
-  color: #f59e0b;
+  color: #f99304;
   font-size: 56rpx;
 }
 .h3 {
@@ -73,9 +77,17 @@ const setChecked = (val) => {
 }
 .container {
   // background-color: #fafafa;
+
   height: 100vh;
 }
 .top-box {
-  background-color: #fff;
+  // background-color: #fff;
+  background: linear-gradient(to bottom, #f6d7a7, #fff);
+}
+.wd-radio-group {
+  background: none;
+}
+v-deep .title > .wd-radio__label {
+  font-size: 16rpx !important;
 }
 </style>

+ 6 - 4
src/pages/phone/phone.vue

@@ -47,16 +47,14 @@
             提交
           </wd-button>
         </view>
-        <view class="mt-10 title">
+        <view class="mt-5 title">
           <wd-radio-group
             :modelValue="model.isChecked"
             inline
             checked-color="#eea441"
             @change="setChecked"
           >
-            <wd-radio :value="true" shape="dot" inline>
-              我已认真阅读并同意《服务协议》、《隐私政策》
-            </wd-radio>
+            <wd-radio :value="true" shape="dot" inline>我已认真阅读并同意《隐私政策》</wd-radio>
           </wd-radio-group>
         </view>
       </wd-form>
@@ -141,4 +139,8 @@ const setChecked = (val) => {
   top: 22rpx;
   right: 10rpx;
 }
+.title {
+  font-size: 20rpx;
+  // text-align: left;
+}
 </style>