Browse Source

style(system): 为业务历史表格卡片添加选中样式

- 新增 .table-card 和 .table-card.selected 类样式
- 实现表格卡片鼠标悬停和选中状态的视觉反馈
- 调整背景色和文字颜色以提升用户体验
fugui001 5 tháng trước cách đây
mục cha
commit
c4c8401a9a
1 tập tin đã thay đổi với 11 bổ sung0 xóa
  1. 11 0
      src/views/system/business/history/index.vue

+ 11 - 0
src/views/system/business/history/index.vue

@@ -468,3 +468,14 @@ const handleTableClick = (table: any) => {
   getList();
 };
 </script>
+<style scoped>
+.table-card {
+  cursor: pointer;
+  transition: background-color 0.3s ease;
+}
+
+.table-card.selected {
+  background-color: #409eff; /* 选中背景色,你可以换成你喜欢的颜色 */
+  color: white; /* 文字颜色可选白色 */
+}
+</style>