开发

pages/message/index.wxml

@@ -11,7 +11,7 @@
     <view class="messageList">
         <view class="fixed">
             <view class="authority" bindtap="jump" data-url='friend'>
-                <image src="/static/concern.png" class="avatar" />
+                <image src="/static/concern.webp" class="avatar" />
                 <view class="name">朋友</view>
                 <view class="unread" wx:if="{{authorityMsg.newFansCount>0}}">{{authorityMsg.newFansCount}}</view>
             </view>

pages/my/index.less

@@ -191,11 +191,13 @@
             display: flex;
             align-items: center;
             font-weight: 400;
+
             .tipsImg {
                 margin-right: 14rpx;
                 width: 44rpx;
                 height: 44rpx;
             }
+
             font-size: 30rpx;
         }
 
@@ -208,80 +210,83 @@
         }
     }
 
-    .goodsList {
+    .scrollViewBox {
-        position: absolute;
+        height: 330rpx;
-        margin-top: 40rpx;
+        .goodsList {
-        left: 0;
+            position: absolute;
-        padding-left: 20rpx;
+            margin-top: 40rpx;
-        width: 100%;
+            left: 0;
-        height: 310rpx;
+            padding-left: 20rpx;
-        white-space: nowrap;
+            width: 100%;
-        box-sizing: border-box;
+            height: 310rpx;
-
+            white-space: nowrap;
-        .payBox {
+            box-sizing: border-box;
-            position: relative;
-            margin-right: 22rpx;
-            width: 268rpx;
-            height: 268rpx;
-            background-size: cover;
-            text-align: center;
-            display: inline-block;
-            border-radius: 20rpx;
 
-            .pay {
+            .payBox {
-                position: absolute;
+                position: relative;
-                bottom: 24rpx;
+                margin-right: 22rpx;
-                left: 50%;
+                width: 268rpx;
-                transform: translateX(-50%);
+                height: 268rpx;
-                padding: 6rpx 40rpx;
+                background-size: cover;
-                font-size: 26rpx;
+                text-align: center;
-                font-weight: bold;
+                display: inline-block;
-                border-radius: 50rpx;
+                border-radius: 20rpx;
+
+                .pay {
+                    position: absolute;
+                    bottom: 24rpx;
+                    left: 50%;
+                    transform: translateX(-50%);
+                    padding: 6rpx 40rpx;
+                    font-size: 26rpx;
+                    font-weight: bold;
+                    border-radius: 50rpx;
+                }
             }
-        }
 
-        .payBox::after {
+            .payBox::after {
-            content: '';
+                content: '';
-            position: absolute;
+                position: absolute;
-            width: 268rpx;
+                width: 268rpx;
-            height: 45rpx;
+                height: 45rpx;
-            left: 0;
+                left: 0;
-            bottom: -42rpx;
+                bottom: -42rpx;
-            background: linear-gradient(180deg, #2A2116 0%, rgba(255, 255, 255, 0) 100%);
+                background: linear-gradient(180deg, #2A2116 0%, rgba(255, 255, 255, 0) 100%);
-            border-radius: 22rpx 22rpx 0rpx 0rpx;
+                border-radius: 22rpx 22rpx 0rpx 0rpx;
-            opacity: 0.26;
+                opacity: 0.26;
-        }
+            }
 
-        .pbbg1 {
+            .pbbg1 {
-            background-image: url(http://reader-wx.ai160.com/images/reader/v3/12992x.png);
+                background-image: url(http://reader-wx.ai160.com/images/reader/v3/12992x.png);
 
-            .pay {
+                .pay {
-                background: linear-gradient(325deg, #FFBD96 0%, #FFF1E7 100%);
+                    background: linear-gradient(325deg, #FFBD96 0%, #FFF1E7 100%);
+                }
             }
-        }
 
-        .pbbg2 {
+            .pbbg2 {
-            background-image: url(http://reader-wx.ai160.com/images/reader/v3/2992x.png);
+                background-image: url(http://reader-wx.ai160.com/images/reader/v3/2992x.png);
 
-            .pay {
+                .pay {
-                background: linear-gradient(285deg, #DFF2EE 0%, #D8E9FD 39%, #BDE6F8 72%, #BAE7F7 100%);
+                    background: linear-gradient(285deg, #DFF2EE 0%, #D8E9FD 39%, #BDE6F8 72%, #BAE7F7 100%);
+                }
             }
-        }
 
 
-        .pbbg3 {
+            .pbbg3 {
-            background-image: url(http://reader-wx.ai160.com/images/reader/v3/55152x.png);
+                background-image: url(http://reader-wx.ai160.com/images/reader/v3/55152x.png);
 
-            .pay {
+                .pay {
-                background: linear-gradient(325deg, #FFBD96 0%, #FFF1E7 100%);
+                    background: linear-gradient(325deg, #FFBD96 0%, #FFF1E7 100%);
+                }
             }
-        }
 
+        }
     }
 
     .iosVip {
         margin-top: 30rpx;
-        height: 294rpx;
+        height: 230rpx;
         width: 710rpx;
     }
 

pages/my/index.wxml

@@ -27,7 +27,7 @@
         <view class="below sectionBoxs">
             <view class="sBox" bindtap='jump' data-url="/pages/friend/index">
                 <view class="noticeTips" wx:if="{{userInfo.newFansCount>0}}">{{userInfo.newFansCount}}</view>
-                <image class="img" src="/static/concern.png" mode="" />
+                <image class="img" src="/static/concern.webp" mode="" />
                 <text class="title">朋友 {{filters.numFilter(userInfo.friendCount)}}</text>
             </view>
             <view class="sBox" bindtap='jump' data-url="/pages/userWorks/index">
@@ -57,9 +57,30 @@
       </view>
     </view>
     <view class="body">
-      <image src="/static/concern.png" class="medal" wx:for="{{5}}" wx:key="index" />
+      <image src="/static/concern.webp" class="medal" wx:for="{{5}}" wx:key="index" />
     </view>
   </view> -->
+    <!-- 安卓 -->
+    <view class="scrollViewBox">
+        <scroll-view class="goodsList" scroll-x="true" enhanced show-scrollbar="{{false}}"
+            wx:if="{{vipTime!='1'&&!isIos}}">
+            <view class="payBox pbbg2" bindtap="toBuy" data-id="{{products[0].id}}">
+                <view class="pay">
+                    {{isPreferential?'立即续费':'立即开通'}}
+                </view>
+            </view>
+            <view class="payBox pbbg1" bindtap="toBuy" data-id="{{products[2].id}}">
+                <view class="pay">
+                    {{isPreferential?'立即续费':'立即开通'}}
+                </view>
+            </view>
+            <view class="payBox pbbg3" bindtap="toBuy" data-id="{{products[1].id}}">
+                <view class="pay">
+                    {{isPreferential?'立即续费':'立即开通'}}
+                </view>
+            </view>
+        </scroll-view>
+    </view>
     <!-- ios -->
     <image wx:if="{{vipTime!='1'&&isIos}}" src="https://reader-wx.ai160.com/images/reader/v3/pay1.png" class="iosVip"
         show-menu-by-longpress="{{true}}" />
@@ -75,25 +96,6 @@
         </view>
         <view class="subBtn">去关注</view>
     </view>
-    <!-- 安卓 -->
-    <scroll-view class="goodsList" scroll-x="true" enhanced show-scrollbar="{{false}}" wx:if="{{vipTime!='1'&&!isIos}}">
-        <view class="payBox pbbg2" bindtap="toBuy" data-id="{{products[0].id}}">
-            <view class="pay">
-                {{isPreferential?'立即续费':'立即开通'}}
-            </view>
-        </view>
-        <view class="payBox pbbg1" bindtap="toBuy" data-id="{{products[2].id}}">
-            <view class="pay">
-                {{isPreferential?'立即续费':'立即开通'}}
-            </view>
-        </view>
-        <view class="payBox pbbg3" bindtap="toBuy" data-id="{{products[1].id}}">
-            <view class="pay">
-                {{isPreferential?'立即续费':'立即开通'}}
-            </view>
-        </view>
-    </scroll-view>
-
     <!-- 弹窗 -->
     <view class="activationModal" wx:if="{{activationModal}}">
         <view class="box zoomIn">

pages/my/index.wxss

@@ -177,7 +177,10 @@
   font-size: 25rpx;
   background-color: #30C866;
 }
-.container .goodsList {
+.container .scrollViewBox {
+  height: 330rpx;
+}
+.container .scrollViewBox .goodsList {
   position: absolute;
   margin-top: 40rpx;
   left: 0;
@@ -187,7 +190,7 @@
   white-space: nowrap;
   box-sizing: border-box;
 }
-.container .goodsList .payBox {
+.container .scrollViewBox .goodsList .payBox {
   position: relative;
   margin-right: 22rpx;
   width: 268rpx;
@@ -197,7 +200,7 @@
   display: inline-block;
   border-radius: 20rpx;
 }
-.container .goodsList .payBox .pay {
+.container .scrollViewBox .goodsList .payBox .pay {
   position: absolute;
   bottom: 24rpx;
   left: 50%;
@@ -207,7 +210,7 @@
   font-weight: bold;
   border-radius: 50rpx;
 }
-.container .goodsList .payBox::after {
+.container .scrollViewBox .goodsList .payBox::after {
   content: '';
   position: absolute;
   width: 268rpx;
@@ -218,27 +221,27 @@
   border-radius: 22rpx 22rpx 0rpx 0rpx;
   opacity: 0.26;
 }
-.container .goodsList .pbbg1 {
+.container .scrollViewBox .goodsList .pbbg1 {
   background-image: url(http://reader-wx.ai160.com/images/reader/v3/12992x.png);
 }
-.container .goodsList .pbbg1 .pay {
+.container .scrollViewBox .goodsList .pbbg1 .pay {
   background: linear-gradient(325deg, #FFBD96 0%, #FFF1E7 100%);
 }
-.container .goodsList .pbbg2 {
+.container .scrollViewBox .goodsList .pbbg2 {
   background-image: url(http://reader-wx.ai160.com/images/reader/v3/2992x.png);
 }
-.container .goodsList .pbbg2 .pay {
+.container .scrollViewBox .goodsList .pbbg2 .pay {
   background: linear-gradient(285deg, #DFF2EE 0%, #D8E9FD 39%, #BDE6F8 72%, #BAE7F7 100%);
 }
-.container .goodsList .pbbg3 {
+.container .scrollViewBox .goodsList .pbbg3 {
   background-image: url(http://reader-wx.ai160.com/images/reader/v3/55152x.png);
 }
-.container .goodsList .pbbg3 .pay {
+.container .scrollViewBox .goodsList .pbbg3 .pay {
   background: linear-gradient(325deg, #FFBD96 0%, #FFF1E7 100%);
 }
 .container .iosVip {
   margin-top: 30rpx;
-  height: 294rpx;
+  height: 230rpx;
   width: 710rpx;
 }
 .container .activationModal {