From 2d410989d32380d31ae3fe6d42aa3b3ba9e09d00 Mon Sep 17 00:00:00 2001
From: lrj <owen.stl@gmail.com>
Date: 星期五, 03 十月 2025 22:13:29 +0800
Subject: [PATCH] UI优化和bug修复: 1.调整小程序消息列表图标样式 2.优化web端比赛晋级页面布局 3.修复小程序消息列表日期显示问题
---
web/src/views/carousel/index.vue | 34 ++++++++++++++++++++++++++++++++--
1 files changed, 32 insertions(+), 2 deletions(-)
diff --git a/web/src/views/carousel/index.vue b/web/src/views/carousel/index.vue
index c305d0c..648baf0 100644
--- a/web/src/views/carousel/index.vue
+++ b/web/src/views/carousel/index.vue
@@ -60,8 +60,8 @@
<el-table-column prop="createTime" label="鍒涘缓鏃堕棿" width="180" />
<el-table-column label="鎿嶄綔" width="120" fixed="right">
<template #default="{ row }">
- <el-button type="primary" size="small" @click="handleEdit(row)" :icon="Edit" circle title="缂栬緫"></el-button>
- <el-button type="danger" size="small" @click="handleDelete(row)" :icon="Delete" circle title="鍒犻櫎"></el-button>
+ <el-button text size="small" @click="handleEdit(row)" :icon="Edit" class="action-btn edit-btn" title="缂栬緫"></el-button>
+ <el-button text size="small" @click="handleDelete(row)" :icon="Delete" class="action-btn delete-btn" title="鍒犻櫎"></el-button>
</template>
</el-table-column>
</el-table>
@@ -681,6 +681,36 @@
}
}
+/* 鎿嶄綔鎸夐挳鏍峰紡 */
+.action-btn {
+ padding: 8px !important;
+ margin: 0 6px;
+ border-radius: 6px;
+ transition: all 0.2s ease;
+ background: transparent !important;
+ border: none !important;
+}
+
+.edit-btn {
+ color: #409eff !important;
+}
+
+.edit-btn:hover {
+ color: #337ecc !important;
+ background: rgba(64, 158, 255, 0.1) !important;
+ transform: scale(1.2);
+}
+
+.delete-btn {
+ color: #f56c6c !important;
+}
+
+.delete-btn:hover {
+ color: #dd6161 !important;
+ background: rgba(245, 108, 108, 0.1) !important;
+ transform: scale(1.2);
+}
+
.header-actions {
display: flex;
gap: 10px;
--
Gitblit v1.8.0