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

适配小屏

Browse Source
This commit is contained in:
gyq
2024-03-07 09:47:25 +08:00
parent b550cf3fd8
commit 396d237710
8 changed files with 73 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/views/home/index.vue
View File

@@ -344,7 +344,7 @@ onMounted(() => {
display: flex;
align-items: center;
background-color: var(--el-color-info-light-7);
padding-left: 20px;
padding-left: var(--el-font-size-base);
.t {
font-size: $fs;
@@ -355,7 +355,7 @@ onMounted(() => {
display: flex;
align-items: center;
background-color: var(--el-color-info-light-8);
padding: 0 20px;
padding: 0 var(--el-font-size-base);
.icon {
color: var(--el-color-primary);
@@ -382,12 +382,12 @@ onMounted(() => {
.shop_list {
flex: 1;
height: calc(100vh - 40px - 60px - 130px);
height: calc(100vh - 40px - 60px - 132px);
overflow-y: auto;
border-right: 1px solid #ececec;
.item {
padding: 20px;
padding: var(--el-font-size-base);
&.active {
background-color: #f5f5f5;
@@ -400,7 +400,7 @@ onMounted(() => {
.name_wrap {
display: flex;
justify-content: space-between;
font-size: 20px;
font-size: var(--el-font-size-base);
}
.sku_list {
@@ -408,7 +408,7 @@ onMounted(() => {
padding-top: 10px;
.tag {
padding: 4px 10px;
padding: 2px 6px;
background-color: var(--el-color-danger);
color: #fff;
margin-right: 10px;
@@ -416,7 +416,7 @@ onMounted(() => {
}
.num {
padding-top: 20px;
padding-top: var(--el-font-size-base);
display: flex;
align-items: center;
justify-content: space-between;
@@ -448,7 +448,7 @@ onMounted(() => {
}
.footer {
padding: 20px;
padding: var(--el-font-size-base);
border-top: 1px solid #ececec;
.left {
@@ -465,7 +465,7 @@ onMounted(() => {
.icon {
display: block;
font-size: 20px;
font-size: var(--el-font-size-base);
color: var(--primary-color);
}
@@ -521,7 +521,7 @@ onMounted(() => {
}
.shop_manage {
flex: 2;
flex: 2.5;
margin-left: 20px;
height: 100%;
}