From 9c4dd9157e6b4db60c1438ac75a6a3346d00a0b3 Mon Sep 17 00:00:00 2001
From: ray <1490493387@qq.com>
Date: Sun, 24 Nov 2024 16:46:20 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20:bug:=20=E8=87=AA=E5=AE=9A=E4=B9=89?=
 =?UTF-8?q?=E5=AF=BC=E8=88=AA=E6=A0=8F=E5=9C=A8=E6=89=8B=E6=9C=BA=E8=A2=AB?=
 =?UTF-8?q?=E9=81=AE=E6=8C=A1=E9=97=AE=E9=A2=98=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/index/index.vue     |  1 +
 src/pages/work/user/index.vue | 59 +++++++++++++++++++++--------------
 unocss.config.ts              |  1 +
 3 files changed, 37 insertions(+), 24 deletions(-)

diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue
index 013ad8d..e9bd2a4 100644
--- a/src/pages/index/index.vue
+++ b/src/pages/index/index.vue
@@ -1,5 +1,6 @@
 <template>
   <view class="home">
+    <view style=" width: 100%;height: var(--status-bar-height)" />
     <wd-swiper
       v-model:current="current"
       :list="swiperList"
diff --git a/src/pages/work/user/index.vue b/src/pages/work/user/index.vue
index 6d52f9b..cfc878b 100644
--- a/src/pages/work/user/index.vue
+++ b/src/pages/work/user/index.vue
@@ -1,13 +1,14 @@
 <template>
-  <wd-navbar title="用户管理">
-    <template #left>
-      <wd-icon name="thin-arrow-left" @click="handleNavigateback()" />
-    </template>
-    <template #right>
-      <wd-icon name="add-circle" @click="handleOpenDialog()" />
-    </template>
-  </wd-navbar>
   <view class="user">
+    <view style=" width: 100%;height: var(--status-bar-height)" />
+    <wd-navbar title="用户管理">
+      <template #left>
+        <wd-icon name="thin-arrow-left" @click="handleNavigateback()" />
+      </template>
+      <template #right>
+        <wd-icon name="add-circle" @click="handleOpenDialog()" />
+      </template>
+    </wd-navbar>
     <!-- 排序筛选 -->
     <view class="mb-24rpx">
       <wd-drop-menu>
@@ -27,6 +28,12 @@
           </view>
         </wd-drop-menu-item>
       </wd-drop-menu>
+
+      <view>
+        <wd-text text="共" size="12px" />
+        <wd-text :text="total" size="12px" />
+        <wd-text text="条数据" size="12px" />
+      </view>
     </view>
 
     <!-- 用户卡片 -->
@@ -59,23 +66,28 @@
       </wd-cell-group>
 
       <template #footer>
-        <wd-swipe-action>
-          <view class="flex-between">
-            <view>
-              <wd-text text="创建时间：" size="12px" />
-              <wd-text :text="item.createTime" size="12px" />
-            </view>
-            <view>
-              <wd-button size="small" plain @click="handleOpenDialog(item.id)">编辑</wd-button>
+        <view class="flex-between">
+          <view>
+            <wd-text text="创建时间：" size="12px" />
+            <wd-text :text="item.createTime" size="12px" />
+          </view>
+          <view class="flex-end">
+            <wd-button type="primary" size="small" plain @click="handleOpenDialog(item.id)">
+              编辑
+            </wd-button>
+            <view class="ml-2">
+              <wd-drop-menu>
+                <wd-drop-menu-item ref="dropMenu" title="更多" icon="more">
+                  <view class="text-right m-5">
+                    <wd-button type="error" size="small" plain @click="handleDelete(item.id)">
+                      删除
+                    </wd-button>
+                  </view>
+                </wd-drop-menu-item>
+              </wd-drop-menu>
             </view>
           </view>
-
-          <template #right>
-            <wd-button type="error" plain size="small" @click="handleDelete(item.id)">
-              删除
-            </wd-button>
-          </template>
-        </wd-swipe-action>
+        </view>
       </template>
     </wd-card>
 
@@ -112,7 +124,6 @@
       </view>
     </wd-popup>
 
-    <wd-loading v-show="loading" />
     <!-- <wd-fab position="left-bottom" :expandable="false" @click="handleOpenDialog" /> -->
   </view>
 </template>
diff --git a/unocss.config.ts b/unocss.config.ts
index 40069df..2194b7b 100644
--- a/unocss.config.ts
+++ b/unocss.config.ts
@@ -14,6 +14,7 @@ export default {
     {
       "flex-center": "flex justify-center items-center flex-wrap",
       "flex-start": "flex justify-start items-center",
+      "flex-end": "flex justify-end items-center",
       "flex-col-center": "flex flex-col justify-center items-center",
       "flex-between": "flex justify-between items-center",
     },