dragon
/
dragon-web
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: dragon:af63915c3c9aefa260a5296d612261b86a751512
Branches Tags
dragon:master
...
compare: dragon:350130aa8121155694fc718b511d6e0250042e60
Branches Tags
dragon:master

3 Commits
af63915c3c ... 350130aa81

Author SHA1 Message Date
张海宁 350130aa81 Merge branch 'master' of https://gitea.qinmian.online/dragon/dragon-web 2023-12-05 16:58:38 +08:00
张海宁 ea58cb5198 故障管理 样式修正 2023-12-05 16:54:04 +08:00
张海宁 ec7bc2c9df 故障管理 样式修正 2023-12-05 14:14:19 +08:00
1 changed files with 9 additions and 7 deletions
Show Stats Expand all files Collapse all files

16
src/views/fault/faultList.vue
View File

@ -1,10 +1,10 @@
<template>
<div>
<ul v-if="mm" class="card-list">
<ul v-if="mm" class="card-list">
<li v-for="item in list" :key="item.id" class="card-item">
<div class="card">
<div class="card-header">
<i class="el-icon-user"></i>
<i class="el-icon-loading" style="color: rgba(60,52,182,0.63)"></i>
<span class="code">{{ item.code }}</span>
</div>
<div class="card-content">
@ -76,14 +76,16 @@ export default {
.card-item {
flex: 0 0 25%; /* 每行显示4个卡片 */
margin: 10px;
}
.card {
border: 1px solid #ccc;
border: 1px solid #e55e5e;
border-radius: 5px;
padding: 10px;
margin-bottom: 10px;
transition: background-color 0.3s; /* 添加过渡效果 */
background-color: #550c81;
}
.card-header {
@ -101,21 +103,21 @@ export default {
}
.code {
color: #1ab394;
color: #9771e0;
}
.name {
color: #7a6df0;
color: #fd6c00;
}
.status {
color: #13ce66;
color: #00ff6d;
}
.list-item {
/* 列表项样式 */
}
.card:hover {
background-color: #f0f0f0; /* 鼠标悬浮时的背景色 */
background-color: #0005c0; /* 鼠标悬浮时的背景色 */
}
</style>