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

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

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