feat: 管理员我的页面

pages/adminMy/index.vue

@@ -13,8 +13,11 @@
       <view class="content-name">JuLia James</view>
     </view>
     <view class="cell-list-box">
-      <view class="cell-list-group">
+      <view
-        <view class="cell-list-item" v-for="item in cellList" @click="toPage(item.path,item)">
+        class="cell-list-item"
+        v-for="item in cellList"
+        @click="toPage(item.path, item)"
+      >
         <view class="cell-list-item-left">
           <image
             style="width: 60rpx; height: 60rpx"
@@ -25,11 +28,31 @@
         </view>
 
         <view class="cell-list-item-right">
-            <text v-if="item.content">{{ item.content }}</text>
+          <text>{{ item.content }}</text>
-            <u-icon v-else name="arrow-right" color="#a5a7ab" size="32"></u-icon>
+          <!-- <u-icon v-else name="arrow-right" color="#a5a7ab" size="32"></u-icon> -->
         </view>
       </view>
     </view>
+    <view class="empty-box"></view>
+    <view class="cell-list-box2">
+      <view
+        class="cell-list-item"
+        v-for="item in cellList2"
+        @click="toPage(item.path, item)"
+      >
+        <view class="cell-list-item-left">
+          <image
+            style="width: 60rpx; height: 60rpx"
+            mode="aspectFit"
+            :src="item.icon"
+          ></image>
+          <text>{{ item.title }}</text>
+        </view>
+
+        <view class="cell-list-item-right">
+          <u-icon name="arrow-right" color="#cccccc" size="32"></u-icon>
+        </view>
+      </view>
     </view>
     <u-tabbar :list="vuex_tabbar"></u-tabbar>
   </view>
@@ -79,6 +102,8 @@ export default {
           path: "",
           content: "区域111",
         },
+      ],
+      cellList2: [
         {
           title: "版本信息",
           icon: "/static/adminImg/item4.png",
@@ -171,11 +196,10 @@ export default {
       }
     },
 
-    toPage(path,item) {
+    toPage(path, item) {
-            if(item.title === '注销'){
+      if (item.title === "注销") {
         let u = navigator.userAgent;
-                let isAndroid =
+        let isAndroid = u.indexOf("Android") > -1 || u.indexOf("Adr") > -1; //android
-                  u.indexOf("Android") > -1 || u.indexOf("Adr") > -1; //android
         // let isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios
         try {
           if (isAndroid && AndroidJs) {
@@ -198,7 +222,7 @@ export default {
         } catch (e) {
           console.log(e, "e-----判断安卓苹果类型出错");
         }
-                return
+        return;
       }
       if (!path) return;
       useRouter(path, {}, "navigateTo");
@@ -212,6 +236,7 @@ export default {
   height: calc(100vh - 100rpx);
   // background: #f6f8fc;
   .content-title {
+    background: #fff;
     text-align: center;
     padding-top: 40rpx;
     font-size: 30rpx;
@@ -223,8 +248,9 @@ export default {
     align-items: center;
     flex-direction: column;
     min-height: 200rpx;
-    padding: 70rpx 40rpx 0;
+    padding: 70rpx 40rpx 32rpx;
     // background: linear-gradient(to bottom, #e5ebfd, #f6f8fc);
+    background-color: #fff;
 
     .avatar-box {
       width: 140rpx;
@@ -242,13 +268,45 @@ export default {
     font-weight: bold;
   }
 
+  .empty-box {
+    height: 20rpx;
+    background-color: #f6f8fc;
+  }
+
   .cell-list-box {
+    // margin-top: 20rpx;
+    padding: 0 32rpx;
+    background-color: #fff;
+
+    .cell-list-item {
+      border-bottom: 1px solid #f4f4f4;
+      padding: 0 10rpx;
+      height: 100rpx;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+
+      &-left {
+        display: flex;
+
+        text {
+          margin-left: 24rpx;
+          align-self: center;
+        }
+      }
+      &-right {
+        color: #999;
+      }
+    }
+  }
+
+  .cell-list-box2 {
     margin-top: 20rpx;
     padding: 0 32rpx;
+    background-color: #fff;
 
-    .cell-list-group {
     .cell-list-item {
-        border-bottom: 1px solid #e9eaee;
+      border-bottom: 1px solid #f4f4f4;
       padding: 0 10rpx;
       height: 100rpx;
       display: flex;
@@ -265,6 +323,5 @@ export default {
       }
     }
   }
-  }
 }
 </style>