优化

pages/commodity/index.js

@@ -12,7 +12,7 @@ Page({
   },
   onLoad(options) {
     this.getProducts()
-  },
+  },  
   async getProducts() {
     let products = await getProducts()
     console.log(products);

pages/commodity/index.wxml

@@ -41,7 +41,7 @@
       立即购买
     </view>
   </view>
-  <view class="activationModal" wx:if="{{activationModal}}">
+  <view class="activationModal" wx:if="{{activationModal}}" bindtap="closeModal">
     <view class="box zoomIn">
       <view class="bg">您已成功获取</view>
       <image

pages/my/index.js

@@ -110,15 +110,15 @@ Page({
     wx.navigateTo({
       url: url
     });
-    /*     wx.openChannelsUserProfile({
-          finderUserName: 'sphaBwcNkKMpmwi',
-          success: (res) => {
-            console.log(res);
-          },
-          fail: (res) => {
-            console.log(res);
-          }
-        }) */
+    /*      wx.openChannelsUserProfile({
+           finderUserName: 'sphaBwcNkKMpmwi',
+           success: (res) => {
+             console.log(res);
+           },
+           fail: (res) => {
+             console.log(res);
+           }
+         }) */
   },
   clipboar() {
     wx.setClipboardData({

pages/my/index.wxml

@@ -75,7 +75,7 @@
     <view class="copywriting" wx:if="{{vipTime}}">
       {{vipTime==1?'终身使用':filters.formatDate(vipTime,4)}}
     </view>
-    <view wx:if="{{vipTime!='1'}}" class="goPay" bindtap='jump' data-url="/pages/commodity/index">
+    <view  class="goPay" bindtap='jump' data-url="/pages/commodity/index">
       {{vipTime!=''?'立即续费':'立即开通'}}
     </view>
   </view>

pages/ranking/index.less

@@ -10,11 +10,20 @@
     background-size: cover;
 
     .dateBox {
+      position: relative;
       margin-top: 56rpx;
       font-size: 28rpx;
+      text-align: center;
       color: white;
-      .dataTitle{
-        margin:0rpx 50rpx 0rpx 196rpx
+
+      .dataTitle {
+        position: absolute;
+        left: 194rpx;
+      }
+
+      .interval {
+        position: absolute;
+        left: 310rpx;
       }
     }
 
@@ -67,12 +76,12 @@
       }
 
       .second {
-        top: 54rpx;
-        left: 116rpx;
+        top: 53rpx;
+        left: 114rpx;
 
         .avatar {
-          width: 82rpx;
-          height: 82rpx;
+          width: 84rpx;
+          height: 84rpx;
         }
       }
 

pages/ranking/index.wxss

@@ -10,12 +10,19 @@
   background-size: cover;
 }
 .rankingBox .podiumBox .dateBox {
+  position: relative;
   margin-top: 56rpx;
   font-size: 28rpx;
+  text-align: center;
   color: white;
 }
 .rankingBox .podiumBox .dateBox .dataTitle {
-  margin: 0rpx 50rpx 0rpx 196rpx;
+  position: absolute;
+  left: 194rpx;
+}
+.rankingBox .podiumBox .dateBox .interval {
+  position: absolute;
+  left: 310rpx;
 }
 .rankingBox .podiumBox .podiumContent {
   position: absolute;
@@ -59,12 +66,12 @@
   left: 304rpx;
 }
 .rankingBox .podiumBox .podiumContent .second {
-  top: 54rpx;
-  left: 116rpx;
+  top: 53rpx;
+  left: 114rpx;
 }
 .rankingBox .podiumBox .podiumContent .second .avatar {
-  width: 82rpx;
-  height: 82rpx;
+  width: 84rpx;
+  height: 84rpx;
 }
 .rankingBox .podiumBox .podiumContent .third {
   top: 72rpx;