开发我的页面

pages/my/index.less

@@ -12,7 +12,6 @@
             align-items: center;
             justify-content: space-between;
             padding-bottom: 30rpx;
-            border-bottom: 1rpx solid #D6D6D6;
 
             .identity {
                 position: relative;
@@ -87,54 +86,6 @@
         }
     }
 
-    .below {
-        padding: 20rpx 0rpx;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        background-color: white;
-        border-radius: 20rpx;
-
-        .sBox {
-            width: 110rpx;
-            position: relative;
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-
-            .img {
-                width: 69rpx;
-                height: 69rpx;
-                border-radius: 50%;
-            }
-
-            .title {
-                margin-top: 8rpx;
-                font-size: 26rpx;
-                color: #333;
-            }
-
-            .noticeTips {
-                position: absolute;
-                right: 8rpx;
-                top: -8rpx;
-                width: 34rpx;
-                padding: 4rpx 0rpx;
-                border-radius: 40rpx;
-                color: white;
-                font-size: 18rpx;
-                text-align: center;
-                background-color: #FF0000;
-            }
-        }
-
-        .contactBtn {
-            border: none;
-            padding: 0rpx;
-            line-height: normal;
-            margin: 0;
-        }
-    }
 
     .medalBox {
         margin: 30rpx 0rpx;
@@ -177,35 +128,38 @@
         }
     }
 
-    .activation {
+    .menu {
         margin-top: 30rpx;
-        padding: 28rpx 20rpx;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        background-color: white;
         border-radius: 20rpx;
-        box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.15);
-
-        .tips {
+        background-color: white;
+        .activation {
+            padding: 28rpx 20rpx;
             display: flex;
             align-items: center;
-            font-weight: 400;
+            justify-content: space-between;
+            border-bottom: 1rpx solid #EEEEEE;
+            .tips {
+                display: flex;
+                align-items: center;
+                font-weight: 400;
 
-            .tipsImg {
-                margin-right: 14rpx;
-                width: 44rpx;
-                height: 44rpx;
-            }
+                .tipsImg {
+                    margin-right: 14rpx;
+                    width: 44rpx;
+                    height: 44rpx;
+                }
 
-            font-size: 30rpx;
+                font-size: 30rpx;
+            }
+            .black {
+                margin-right: 20rpx;
+                width: 16rpx;
+                height: 30rpx;
+                opacity: 0.8;
+            }
         }
-
-        .black {
-            margin-right: 20rpx;
-            width: 16rpx;
-            height: 30rpx;
-            opacity: 0.8;
+        .activation:last-child{
+            border: none;
         }
     }
 

pages/my/index.wxml

@@ -24,29 +24,6 @@
                 </view>
             </view>
         </view>
-        <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="" />
-                <text class="title">朋友 {{filters.numFilter(userInfo.friendCount)}}</text>
-            </view>
-            <view class="sBox" bindtap='jump' data-url="/pages/userWorks/index">
-                <view class="noticeTips" wx:if="{{userInfo.unReadPostsCount>0}}">{{userInfo.unReadPostsCount}}</view>
-                <image class="img" src="/static/work.png" mode="" />
-                <text class="title">作品 {{filters.numFilter(userInfo.readAmount)}}</text>
-            </view>
-            <view class="sBox" bindtap='jump' data-url="/pages/notice/index">
-                <view class="noticeTips" wx:if="{{userInfo.user.messageCount>0}}">{{userInfo.user.messageCount}}</view>
-                <image class="img" src="/static/message3.png" mode="" />
-                <text class="title">消息通知</text>
-            </view>
-            <button class="resetBtn contactBtn" open-type="contact" plain="true">
-                <view class="sBox">
-                    <image class="img" src="/static/contact.png" mode="" />
-                    <text class="title">联系客服</text>
-                </view>
-            </button>
-        </view>
     </view>
     <!-- 勋章 -->
     <!--   <view class="medalBox">
@@ -85,24 +62,38 @@
         <image src="https://reader-wx.ai160.com/images/reader/v3/pay1.png" class="iosVip" />
         <image src="{{qrCode}}" class="qrCode" show-menu-by-longpress="{{true}}" />
     </view>
-    <view class="activation" bindtap="activationCode" wx:if="{{vipTime!='1'}}">
-        <view class="tips">
-            <image src="/static/activation.png" class="tipsImg" />学习卡激活
+    <view class="menu">
+        <view class="activation" bindtap="activationCode" wx:if="{{vipTime!='1'}}">
+            <view class="tips">
+                <image src="/static/activation.png" class="tipsImg" />学习卡激活
+            </view>
+            <image class='black' src='/static/black.png'></image>
         </view>
-        <image class='black' src='/static/black.png'></image>
-    </view>
-    <view class="activation" bindtap="toGzh">
-        <view class="tips">
-            <image src="/static/care.png" class="tipsImg" />关注公众号不迷路，更多福利等您！
+        <view class="activation" bindtap="toGzh">
+            <view class="tips">
+                <image src="/static/care.png" class="tipsImg" />关注公众号不迷路，更多福利等您！
+            </view>
+            <image class='black' src='/static/black.png'></image>
         </view>
-        <image class='black' src='/static/black.png'></image>
-    </view>
-    <!--     <view class="activation" bindtap="jump" data-url="/pages/orderRecord/index">
-        <view class="tips">
-            <image src="/static/care.png" class="tipsImg" />购买记录
+        <view class="activation" bindtap="toGzh">
+            <view class="tips">
+                <image src="/static/tjg.png" class="tipsImg" />成为推荐官
+            </view>
+            <image class='black' src='/static/black.png'></image>
         </view>
-        <image class='black' src='/static/black.png'></image>
-    </view> -->
+        <view class="activation" bindtap="toGzh">
+            <view class="tips">
+                <image src="/static/contact.png" class="tipsImg" />联系我们
+            </view>
+            <image class='black' src='/static/black.png'></image>
+        </view>
+        <!--     <view class="activation" bindtap="jump" data-url="/pages/orderRecord/index">
+            <view class="tips">
+                <image src="/static/care.png" class="tipsImg" />购买记录
+            </view>
+            <image class='black' src='/static/black.png'></image>
+        </view> -->
+    </view>
     <!-- 弹窗 -->
     <view class="activationModal" wx:if="{{activationModal}}">
         <view class="box zoomIn">

pages/my/index.wxss

@@ -12,7 +12,6 @@
   align-items: center;
   justify-content: space-between;
   padding-bottom: 30rpx;
-  border-bottom: 1rpx solid #D6D6D6;
 }
 .container .userBox .above .identity {
   position: relative;
@@ -72,49 +71,6 @@
   font-size: 24rpx;
   color: #666;
 }
-.container .below {
-  padding: 20rpx 0rpx;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  background-color: white;
-  border-radius: 20rpx;
-}
-.container .below .sBox {
-  width: 110rpx;
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-.container .below .sBox .img {
-  width: 69rpx;
-  height: 69rpx;
-  border-radius: 50%;
-}
-.container .below .sBox .title {
-  margin-top: 8rpx;
-  font-size: 26rpx;
-  color: #333;
-}
-.container .below .sBox .noticeTips {
-  position: absolute;
-  right: 8rpx;
-  top: -8rpx;
-  width: 34rpx;
-  padding: 4rpx 0rpx;
-  border-radius: 40rpx;
-  color: white;
-  font-size: 18rpx;
-  text-align: center;
-  background-color: #FF0000;
-}
-.container .below .contactBtn {
-  border: none;
-  padding: 0rpx;
-  line-height: normal;
-  margin: 0;
-}
 .container .medalBox {
   margin: 30rpx 0rpx;
   padding: 20rpx 30rpx;
@@ -149,33 +105,38 @@
   width: 112rpx;
   height: 94rpx;
 }
-.container .activation {
+.container .menu {
   margin-top: 30rpx;
+  border-radius: 20rpx;
+  background-color: white;
+}
+.container .menu .activation {
   padding: 28rpx 20rpx;
   display: flex;
   align-items: center;
   justify-content: space-between;
-  background-color: white;
-  border-radius: 20rpx;
-  box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.15);
+  border-bottom: 1rpx solid #EEEEEE;
 }
-.container .activation .tips {
+.container .menu .activation .tips {
   display: flex;
   align-items: center;
   font-weight: 400;
   font-size: 30rpx;
 }
-.container .activation .tips .tipsImg {
+.container .menu .activation .tips .tipsImg {
   margin-right: 14rpx;
   width: 44rpx;
   height: 44rpx;
 }
-.container .activation .black {
+.container .menu .activation .black {
   margin-right: 20rpx;
   width: 16rpx;
   height: 30rpx;
   opacity: 0.8;
 }
+.container .menu .activation:last-child {
+  border: none;
+}
 .container .scrollViewBox {
   height: 330rpx;
 }