开发我的页面

pages/my/index.less

@@ -178,24 +178,32 @@
 
     .activation {
         margin-top: 30rpx;
-        padding: 13rpx 40rpx;
+        padding: 28rpx 20rpx;
         display: flex;
         align-items: center;
         justify-content: space-between;
         background-color: white;
-        border-radius: 50rpx;
+        border-radius: 20rpx;
+        box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.15);
 
         .tips {
-            font-size: 28rpx;
-            color: #666666;
+            display: flex;
+            align-items: center;
+            font-weight: 400;
+            .tipsImg {
+                margin-right: 14rpx;
+                width: 44rpx;
+                height: 44rpx;
+            }
+            font-size: 30rpx;
         }
 
         .subBtn {
-            padding: 10rpx 50rpx;
+            padding: 10rpx 26rpx;
             border-radius: 50rpx;
             color: white;
             font-size: 25rpx;
-            background-color: #FC614E;
+            background-color: #30C866;
         }
     }
 

pages/my/index.wxml

@@ -60,10 +60,20 @@
       <image src="/static/concern.png" class="medal" wx:for="{{5}}" wx:key="index" />
     </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}}" />
+    <view class="activation" bindtap="activationCode" wx:if="{{vipTime!='1'}}">
+        <view class="tips">
+            <image src="/static/1-1.png" class="tipsImg" />学习卡激活
+        </view>
+        <view class="subBtn">去激活</view>
+    </view>
     <view class="activation" bindtap="activationCode" wx:if="{{vipTime!='1'}}">
-        <view class="tips">请输入会员卡激活码</view>
-        <view class="subBtn">激活</view>
+        <view class="tips">
+            <image src="/static/1-1.png" class="tipsImg" />关注公众号不迷路，更多福利等您！
+        </view>
+        <view class="subBtn">去关注</view>
     </view>
     <!-- 安卓 -->
     <scroll-view class="goodsList" scroll-x="true" enhanced show-scrollbar="{{false}}" wx:if="{{vipTime!='1'&&!isIos}}">
@@ -83,8 +93,7 @@
             </view>
         </view>
     </scroll-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}}" />
+
     <!-- 弹窗 -->
     <view class="activationModal" wx:if="{{activationModal}}">
         <view class="box zoomIn">

pages/my/index.wxss

@@ -150,23 +150,31 @@
 }
 .container .activation {
   margin-top: 30rpx;
-  padding: 13rpx 40rpx;
+  padding: 28rpx 20rpx;
   display: flex;
   align-items: center;
   justify-content: space-between;
   background-color: white;
-  border-radius: 50rpx;
+  border-radius: 20rpx;
+  box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.15);
 }
 .container .activation .tips {
-  font-size: 28rpx;
-  color: #666666;
+  display: flex;
+  align-items: center;
+  font-weight: 400;
+  font-size: 30rpx;
+}
+.container .activation .tips .tipsImg {
+  margin-right: 14rpx;
+  width: 44rpx;
+  height: 44rpx;
 }
 .container .activation .subBtn {
-  padding: 10rpx 50rpx;
+  padding: 10rpx 26rpx;
   border-radius: 50rpx;
   color: white;
   font-size: 25rpx;
-  background-color: #FC614E;
+  background-color: #30C866;
 }
 .container .goodsList {
   position: absolute;