- 新增 .table-card 和 .table-card.selected 类样式 - 实现表格卡片鼠标悬停和选中状态的视觉反馈 - 调整背景色和文字颜色以提升用户体验
@@ -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>