czg_team
/
cashier_desktop
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

优化台桌样式

This commit is contained in:
gyq 2024-12-21 11:48:27 +08:00
parent 5abb43cc49
commit 5e4bce25fb
1 changed files with 39 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

75
src/views/table/index.vue
View File

@ -254,31 +254,51 @@ onMounted(() => {
gap: var(--el-font-size-base); gap: var(--el-font-size-base);
.item { .item {
$usingColor: #D2441F;
$subColor: #3274D5;
$closedColor: #aeb8c9; $closedColor: #aeb8c9;
background-color: #efefef;
border-radius: 6px; border-radius: 6px;
overflow: hidden; overflow: hidden;
border: 2px solid #fff; padding: 2px;
background-color: var(--primary-color);
&.active { &.active {
border-color: $subColor; background-color: var(--primary-color);
.tab_cont {
.icon {
color: var(--primary-color);
}
.t1 {
color: var(--primary-color);
}
}
} }
&.using { &.using {
&.active { background-color: var(--el-color-success);
border-color: $usingColor;
.tab_cont {
.icon {
color: var(--el-color-success);
}
.t1 {
color: var(--el-color-success);
}
} }
} }
&.closed { &.closed {
.tab_title { background-color: $closedColor;
color: #555;
.tab_cont {
.icon {
color: $closedColor;
} }
&.active { .t1 {
border-color: $closedColor; color: $closedColor;
}
} }
} }
@ -293,31 +313,6 @@ onMounted(() => {
justify-content: space-between; justify-content: space-between;
padding: 0 10px; padding: 0 10px;
color: #fff; color: #fff;
background-color: #999;
&.subscribe {
background-color: $subColor;
}
&.closed {
background-color: $closedColor;
}
&.idle {
background-color: $subColor;
}
&.using {
background-color: $usingColor;
}
&.opening {
background-color: var(--primary-color);
}
&.cleaning {
background-color: #999;
}
} }
.tab_cont { .tab_cont {
@ -325,9 +320,11 @@ onMounted(() => {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
background-color: #efefef;
border-radius: 4px;
.icon { .icon {
color: #555; color: var(--primary-color);
font-size: 30px; font-size: 30px;
transform: rotate(45deg); transform: rotate(45deg);
} }
@ -341,6 +338,10 @@ onMounted(() => {
align-items: center; align-items: center;
padding-bottom: 10px; padding-bottom: 10px;
.t1 {
font-weight: bold;
}
.t2 { .t2 {
font-size: 12px; font-size: 12px;
display: flex; display: flex;