优化样式 新增版本号

src/views/home/components/cartOperation.vue

@@ -122,14 +122,14 @@ function skuConfirm(e) {
 
 <style scoped lang="scss">
 .operation_wrap {
-    padding: var(--el-font-size-base);
+    padding: 10px;
     display: flex;
     flex-direction: column;
-    gap: var(--el-font-size-base);
+    gap: 14px;
 
     .item {
-        width: 80px;
-        height: 34px;
+        width: 70px;
+        height: 30px;
         display: flex;
         align-items: center;
         justify-content: center;

src/views/home/components/goods.vue

@@ -40,10 +40,10 @@
             <div class="item">
                 <div class="dot" v-if="item.orderCount">{{ item.orderCount }}</div>
                 <div class="cover" v-if="shopListType == 'img'">
-                    <el-image :src="item.coverImg" style="width: 100%;height: 100%;" fit="cover"></el-image>
+                    <el-image :src="item.coverImg" style="width: 100%;height: 100%;background-color: #efefef;" fit="contain"></el-image>
                 </div>
                 <div class="name"><el-text line-clamp="2">{{ item.name }}</el-text></div>
-                <div class="empty" v-if="shopListType == 'text'"></div>
+                <div class="item_empty" v-if="shopListType == 'text'"></div>
                 <div class="price">
                     <el-text>￥{{ item.lowPrice }}</el-text>
                 </div>
@@ -210,7 +210,7 @@ defineExpose({
 
 .header {
     display: flex;
-    height: 60px;
+    height: var(--el-component-size-large);
     justify-content: space-between;
     border-bottom: 1px solid #ececec;
 }
@@ -227,7 +227,6 @@ defineExpose({
 
         span {
             font-size: var(--el-font-size-base);
-            font-weight: bold;
         }
 
         &.active {
@@ -250,7 +249,7 @@ defineExpose({
 }
 
 .all {
-    width: 80px;
+    width: var(--el-component-size-large);
     display: flex;
     align-items: center;
     justify-content: center;
@@ -299,7 +298,7 @@ defineExpose({
     .item_wrap {
         width: 20%;
         padding: 0 5px;
-        padding-bottom: 5px;
+        padding-bottom: 10px;
 
         .item {
             border: 1px solid #ececec;
@@ -330,7 +329,7 @@ defineExpose({
 
             .name {
                 padding: 0 10px;
-                height: 50px;
+                height: 40px;
                 margin-top: 20px;
 
                 span {
@@ -338,12 +337,12 @@ defineExpose({
                 }
             }
 
-            .empty {
-                height: 50px;
+            .item_empty {
+                height: 30px;
             }
 
             .price {
-                padding: 10px 20px;
+                padding: 6px 10px;
                 background-color: var(--primary-color);
 
                 span {

src/views/home/components/settleAccount.vue

@@ -18,7 +18,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="list_wrap card" style="margin-top: 20px;">
+                <div class="list_wrap card" style="margin-top: var(--el-font-size-base);">
                     <div class="item" v-for="item in props.cart" :key="item.id">
                         <div class="top">
                             <span class="name">{{ item.name }}</span>
@@ -60,10 +60,13 @@
 
 <script setup>
 import { ref } from 'vue'
+import { useUser } from "@/store/user.js"
 import payCard from '@/components/payCard/payCard.vue'
 
 import { ipcRenderer } from 'electron'
 
+const store = useUser()
+
 const emit = defineEmits('paySuccess')
 
 const dialogVisible = ref(false)
@@ -95,7 +98,7 @@ const isPrint = ref(true)
 function printHandle() {
     if (!isPrint.value) return
     const data = {
-        shop_name: '大客餐饮',
+        shop_name: store.userInfo.merchantName,
         carts: props.cart,
         amount: props.amount,
         remark: props.remark,
@@ -183,11 +186,11 @@ defineExpose({
 
         .list_wrap {
             padding: var(--el-font-size-base);
-            height: calc(100vh - 220px);
+            height: calc(100vh - 200px);
             overflow-y: auto;
 
             .item {
-                padding-bottom: 20px;
+                padding-bottom: var(--el-font-size-base);
 
                 .top {
                     display: flex;
@@ -247,7 +250,7 @@ defineExpose({
 
         .footer {
             display: flex;
-            padding-top: 20px;
+            padding-top: var(--el-font-size-base);
             gap: var(--el-font-size-base);
 
             .editor {
@@ -263,7 +266,7 @@ defineExpose({
                 flex: 1;
 
                 :deep(.el-checkbox.el-checkbox--large) {
-                    height: 50px;
+                    height: var(--el-component-size-large);
                     background-color: #fff;
                 }