Quellcode durchsuchen

我的页面更新

wangzq vor 2 Jahren
Ursprung
Commit
4d8c9d1886

+ 2 - 9
.quickapp.preview.json

@@ -1,13 +1,6 @@
 {
   "modeOptions": {
-    "current": 0,
-    "list": [
-      {
-        "id": 0,
-        "name": "kf",
-        "pathName": "views/My",
-        "query": ""
-      }
-    ]
+    "current": -1,
+    "list": []
   }
 }

BIN
src/assets/imgs/classify.png


BIN
src/assets/imgs/home.png


BIN
src/assets/imgs/home_choose.png


BIN
src/assets/imgs/my.png


BIN
src/assets/imgs/my_choose.png


BIN
src/assets/imgs/rukou.png


BIN
src/assets/imgs/shelf.png


BIN
src/assets/imgs/shelf_choose.png


BIN
src/assets/imgs/sign_banner.png


BIN
src/assets/imgs/task-rukou.png


BIN
src/assets/imgs/user_login.png


BIN
src/assets/imgs/user_logo.png


+ 47 - 106
src/assets/less/my.less

@@ -1,108 +1,68 @@
 .user-wrap {
   flex-direction: column;
   background-color: #f7f7f7;
-  .my_title {
-    height: 112px;
-    width: 100%;
-    background-color: #BD8757;
-    // position: fixed;
-    // top: 0;
-    // left: 0;
-    // right: 0;
-    text {
-      padding: 0 30px;
-      font-size: 36px;
-      font-weight: bold;
-      color: #ffffff;
-    }
-  }
+
   .bottom-info {
     margin: 0 0 40px 0;
     justify-content: center;
     color: #999;
     font-size: 20px;
-
     .line {
       padding: 0 20px;
     }
   }
-
-  .my-collect-box {
-   
-    margin:  25px 30px;
-    border-radius: 20px;
-    flex-direction: column;
+  .my-collect {
+    width: 690px;
+    height: 150px;
     background-color: #fff;
-    .task-box{
-      width: 690px;
-      padding: 8px 30px 30px 30px;
-      border-radius: 20px;
-      .task-rukou-img{
-        width: 100%;
-        border-radius: 20px;
-      }
-    }
-
-    .my-collect {
-      width: 690px;
-      height: 150px;
-      
-      border-radius: 20px;
-      padding: 30px;
+    border-radius: 20px;
+    margin: 200px auto 0;
+    padding: 30px;
+    justify-content: space-between;
+    align-items: center;
+    .collect-content {
+      flex-direction: column;
       justify-content: space-between;
-      align-items: center;
-
-      .collect-content {
-        flex-direction: column;
-        justify-content: space-between;
-        height: 100%;
-        flex-grow: 1;
-
-        .book_coin {
-          color: #333;
+      height: 100%;
+      flex-grow: 1;
+      .book_coin {
+        color: #333;
+      }
+      .collect-info {
+        .vip-card {
+          background-color: #fff7ed;
+          color: #cd8119;
+          border: 1px solid rgba(205, 129, 25, 1);
+          border-radius: 22px;
+          padding: 4px 15px;
+          font-size: 26px;
+          margin-left: 15px;
         }
-
-        .collect-info {
-          .vip-card {
-            background-color: #BD8757;;
-            color: #cd8119;
-            border: 1px solid rgba(205, 129, 25, 1);
-            border-radius: 22px;
-            padding: 4px 15px;
-            font-size: 26px;
-            margin-left: 15px;
-          }
-
-          color: #000;
-          flex-direction: row;
-
-          .title {
-            font-size: 30px;
-            font-weight: bold;
-          }
+        color: #000;
+        flex-direction: row;
+        .title {
+          font-size: 30px;
+          font-weight: bold;
         }
       }
-
-      .pay-btn {
-        width: 150px;
-        height: 60px;
-        background-color: #BD8757;
-        border-radius: 30px;
-        align-items: center;
-        text-align: center;
-        color: #fff;
-        font-size: 30px;
-      }
+    }
+    .pay-btn {
+      width: 150px;
+      height: 60px;
+      background-color:  #BD8757;
+      border-radius: 30px;
+      align-items: center;
+      text-align: center;
+      color: #fff;
+      font-size: 30px;
     }
   }
-
   .user-info__wrap {
-    background-color: #BD8757;
+    background: linear-gradient(180deg, #BD8757 1%, #BD8757 100%);
     padding: 40px 30px 80px 30px;
     align-items: center;
-   
+    margin-bottom: 140px;
     width: 100%;
-
     image {
       width: 124px;
       height: 124px;
@@ -117,16 +77,14 @@
       font-size: 30px;
     }
   }
-
   .uesr-info__message {
     flex-direction: column;
     justify-content: space-around;
     height: 124px;
-
     .un-Login {
       width: 120px;
       height: 50px;
-      background-color: #BD8757;
+      background-color:  #BD8757;
       border-radius: 30px;
       border: 1px solid #ffffff;
       justify-content: center;
@@ -135,12 +93,10 @@
       font-size: 24px;
     }
   }
-
   .my_coupon_text {
     width: 95%;
     background-color: white;
     margin: 0 auto;
-
     text {
       font-size: 30px;
       font-weight: 900;
@@ -149,35 +105,24 @@
 
     }
   }
-
   .my_coupon {
     height: 200px;
     width: 95%;
     background-color: white;
     margin: 0 auto 30px;
     border-radius: 20px;
-
-    .operator-item {
-      margin: 0 auto;
-
-      image {
-        margin-top: 30px;
-        height: 134px;
-        width: 300px;
-      }
+    .task-rukou-img {
+      width: 100%;
     }
   }
-
   .operator-wrap {
     flex-direction: column;
-    padding: 0 30px;
+    padding: 0 20px;
     border-radius: 50px;
-
     .operator-item__wrap {
       flex-direction: column;
       background-color: #fff;
       margin-bottom: 220px;
-      border-radius: 20px;
       .operator-item {
         padding: 34px 26px;
         border-bottom: 2px solid #f7f7f7;
@@ -186,11 +131,9 @@
 
         .item-name {
           flex: 1;
-
           .orange {
             color: #cd8119;
           }
-
           image {
             width: 40px;
 
@@ -200,7 +143,6 @@
           text {
             font-size: 30px;
             color: #545454;
-
             .red {
               color: #ef5952;
             }
@@ -220,7 +162,6 @@
             width: 12px;
           }
         }
-
         .operator-button {
           background-color: #ef5952;
           width: 116px;
@@ -239,4 +180,4 @@
     height: 100%;
     background-color: rgba(0, 0, 0, 0.4);
   }
-}
+}

+ 1 - 1
src/manifest.json

@@ -3,7 +3,7 @@
   "name": "全网阅读",
   "versionName": "1.0.1",
   "versionCode": 1,
-  "minPlatformVersion": 1100,
+  "minPlatformVersion": 1070,
   "icon": "/assets/imgs/logo.png",
   "features": [
     {

+ 1 - 0
src/views/Index/index.ux

@@ -185,6 +185,7 @@ export default {
     this.back_alert = sign_out_app_show
     this.getCoustom()
     this.getUser()
+    this.current = 3;
   },
   goActicity() {
     router.push({

+ 61 - 56
src/views/My/index.ux

@@ -1,47 +1,70 @@
 <template>
   <div class="user-wrap">
-    <div class="my_title"><text>我的</text></div>
-    <div class="user-info__wrap">
-      <image
-        src="../../assets/imgs/user_login.png"
-        if="{{haslogin && loginPhone}}"
-      ></image>
-      <image src="../../assets/imgs/user_logo.png" else></image>
-      <div class="uesr-info__message">
-        <text class="user-name" if="{{haslogin && loginPhone}}"
-          >书友{{ user.id }}</text
-        >
-        <text class="un-Login" @click="goToLogin" else>未登录</text>
-        <text>ID:{{ user.id }}</text>
+    <stack>
+      <div class="user-info__wrap">
+        <image
+          src="../../assets/imgs/user_login.png"
+          if="{{haslogin && loginPhone}}"
+        ></image>
+        <image src="../../assets/imgs/user_logo.png" else></image>
+        <div class="uesr-info__message">
+          <text class="user-name" if="{{haslogin && loginPhone}}"
+            >书友{{ user.id }}</text
+          >
+          <text class="un-Login" @click="goToLogin" else>未登录</text>
+          <text>ID:{{ user.id }}</text>
+          <!-- <text class="vip-card" if="{{user.is_vip}}">免费阅读卡还剩{{ user.vip_days }}</text> -->
+        </div>
       </div>
-    </div>
-    
-
-    <div class="my-collect-box">
       <div class="my-collect">
-          <div class="collect-content">
-        <text class="collect-info"
-          ><span class="title">我的账户</span
-          ><span class="vip-card" if="{{user.is_vip}}"
-            >免费阅读卡还剩{{ user.vip_days }}</span
-          ></text
-        >
-        <text class="book_coin">书币:{{ user.balance }}</text>
-      </div>
-      <text class="pay-btn" @click="pageChange('Pay')">充值</text>
+        <div class="collect-content">
+          <text class="collect-info"
+            ><span class="title">我的账户</span
+            ><span class="vip-card" if="{{user.is_vip}}"
+              >免费阅读卡还剩{{ user.vip_days }}</span
+            ></text
+          >
+          <text class="book_coin">书币:{{ user.balance }}</text>
+        </div>
+        <text class="pay-btn" @click="pageChange('Pay')">充值</text>
       </div>
-      <div class="task-box"  @click="pageChange('Task')">
+    </stack>
+   
+    <div class="my_coupon" @click="pageChange('Task')">
         <image class="task-rukou-img" src="../../assets/imgs/task-rukou.png"></image>
-      </div>
     </div>
     <div class="operator-wrap">
       <div class="operator-item__wrap">
-        <div class="operator-item" for="item in set_list" @click="pageChange(item.url)">
+        <div class="operator-item" @click="pageChange('Sign')">
           <div class="item-name">
-            <image src="{{item.icon}}"></image>
-            <text>{{item.title}}</text>
+            <image src="../../assets/imgs/sign.png"></image>
+            <text>签到记录</text>
           </div>
-          <div class="info-text" if="{{item.arrow}}">
+          <div class="info-text">
+            <image
+              class="arrow"
+              src="../../assets/imgs/arrow-right.png"
+            ></image>
+          </div>
+        </div>
+        <div class="operator-item" @click="pageChange('Recharge')">
+          <div class="item-name">
+            <image src="../../assets/imgs/recharge_record.png"></image>
+            <text>充值记录</text>
+          </div>
+          <div class="info-text">
+            <image
+              class="arrow"
+              src="../../assets/imgs/arrow-right.png"
+            ></image>
+          </div>
+        </div>
+        <div class="operator-item" @click="pageChange('Consume')">
+          <div class="item-name">
+            <image src="../../assets/imgs/consume_record.png"></image>
+            <text>消费记录</text>
+          </div>
+          <div class="info-text">
             <image
               class="arrow"
               src="../../assets/imgs/arrow-right.png"
@@ -60,6 +83,7 @@
             ></image>
           </div>
         </div>
+
         <div class="operator-item" @click="pageChange('Phone')">
           <div class="item-name">
             <image src="../../assets/imgs/binding.png"></image>
@@ -91,7 +115,6 @@
         >注销账号</text
       >
     </div>
-    <div style="height:120px;"></div>
   </div>
 </template>
 
@@ -113,25 +136,7 @@ export default {
       user: {},
       haslogin: undefined,
       loginPhone: undefined,
-      send_order_id: '',
-      set_list :[
-        {
-          icon:"../../assets/imgs/sign.png",
-          title:"签到记录",
-          url:"Sign",
-          arrow:true,
-        },{
-          icon:"../../assets/imgs/recharge_record.png",
-          title:"充值记录",
-          url:"Recharge",
-          arrow:true,
-        },{
-          icon:"../../assets/imgs/consume_record.png",
-          title:"消费记录",
-          url:"Consume",
-          arrow:true,
-        }
-      ],
+      send_order_id: ''
     }
   },
   async onInit() {
@@ -185,9 +190,9 @@ export default {
       }
     }
     if (page == 'Privacy') {
-      let privacy = this.$app.$def.manifest.config.data.yinsi_addr;
       webview.loadUrl({
-        url:privacy,
+        url:
+          'https://zhuishuyun.oss-cn-hangzhou.aliyuncs.com/qapp/privacy/qingm_privacy.htm',
         showloadingdialog: true
       })
     } else {
@@ -214,7 +219,7 @@ export default {
         },
         {
           text: '取消',
-          color: '#61A9C0'
+          color: '#9900FF'
         }
       ],
       success: function(data) {