From d04483f899da07e64775305b4ea1b264cb6d9084 Mon Sep 17 00:00:00 2001
From: yangzhe <yangzhe@qq.com>
Date: Wed, 16 Apr 2025 09:42:57 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=AE=A1=E7=90=86=E5=91=98=E6=88=91?=
 =?UTF-8?q?=E7=9A=84=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/adminMy/index.vue | 171 ++++++++++++++++++++++++++--------------
 1 file changed, 114 insertions(+), 57 deletions(-)

diff --git a/pages/adminMy/index.vue b/pages/adminMy/index.vue
index 3bf233c..9376465 100644
--- a/pages/adminMy/index.vue
+++ b/pages/adminMy/index.vue
@@ -13,21 +13,44 @@
       <view class="content-name">JuLia James</view>
     </view>
     <view class="cell-list-box">
-      <view class="cell-list-group">
-        <view 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"
-              mode="aspectFit"
-              :src="item.icon"
-            ></image>
-            <text>{{ item.title }}</text>
-          </view>
+      <view
+        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"
+            mode="aspectFit"
+            :src="item.icon"
+          ></image>
+          <text>{{ item.title }}</text>
+        </view>
 
-          <view class="cell-list-item-right">
-            <text v-if="item.content">{{ item.content }}</text>
-            <u-icon v-else name="arrow-right" color="#a5a7ab" size="32"></u-icon>
-          </view>
+        <view class="cell-list-item-right">
+          <text>{{ item.content }}</text>
+          <!-- <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>
@@ -79,6 +102,8 @@ export default {
           path: "",
           content: "区域111",
         },
+      ],
+      cellList2: [
         {
           title: "版本信息",
           icon: "/static/adminImg/item4.png",
@@ -171,34 +196,33 @@ export default {
       }
     },
 
-    toPage(path,item) {
-            if(item.title === '注销'){
-                        let u = navigator.userAgent;
-                let isAndroid =
-                  u.indexOf("Android") > -1 || u.indexOf("Adr") > -1; //android
-                // let isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios
-                try {
-                  if (isAndroid && AndroidJs) {
-                    console.log("%c%s", "color:red", "安卓--调用返回方法");
-                    const reqRow = {
-                      name: "logout",
-                      data: "",
-                    };
-                    AndroidJs.func(JSON.stringify(reqRow)); // 给安卓传参
-                  } else {
-                    console.log("%c%s", "color:red", "苹果--调用返回方法");
-                    const reqRow = {
-                      name: "back-iphone",
-                      data: "",
-                    };
-                    window.webkit.messageHandlers.func.postMessage(
-                      JSON.stringify(reqRow)
-                    ); // 给ios 传参
-                  }
-                } catch (e) {
-                  console.log(e, "e-----判断安卓苹果类型出错");
-                }
-                return
+    toPage(path, item) {
+      if (item.title === "注销") {
+        let u = navigator.userAgent;
+        let isAndroid = u.indexOf("Android") > -1 || u.indexOf("Adr") > -1; //android
+        // let isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios
+        try {
+          if (isAndroid && AndroidJs) {
+            console.log("%c%s", "color:red", "安卓--调用返回方法");
+            const reqRow = {
+              name: "logout",
+              data: "",
+            };
+            AndroidJs.func(JSON.stringify(reqRow)); // 给安卓传参
+          } else {
+            console.log("%c%s", "color:red", "苹果--调用返回方法");
+            const reqRow = {
+              name: "back-iphone",
+              data: "",
+            };
+            window.webkit.messageHandlers.func.postMessage(
+              JSON.stringify(reqRow)
+            ); // 给ios 传参
+          }
+        } catch (e) {
+          console.log(e, "e-----判断安卓苹果类型出错");
+        }
+        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,26 +268,57 @@ 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;
-        padding: 0 10rpx;
-        height: 100rpx;
+    .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;
-        justify-content: space-between;
-        align-items: center;
 
-        &-left {
-          display: flex;
-
-          text {
-            margin-left: 24rpx;
-            align-self: center;
-          }
+        text {
+          margin-left: 24rpx;
+          align-self: center;
         }
       }
     }