优化样式 新增版本号

src/views/home/index.vue

@@ -91,6 +91,7 @@
     <div class="shop_manage card">
       <!-- 分类/商品列表 -->
       <goods ref="goodsRef" :masterId="masterId" @success="addCart" />
+      <!-- ©银收客 v{{ packageData.version }} -->
     </div>
   </div>
   <!-- 备注 -->
@@ -122,6 +123,9 @@ import { createCart, queryCart, createCode, packall, delCart, cartStatus, clearC
 // 商品列表
 import goods from '@/views/home/components/goods.vue'
 import member from '@/views/member/index.vue'
+
+// import packageData from '../../../package.json'
+
 const membershow = ref(false)
 const store = useUser()
 const remarkRef = ref(null)
@@ -289,11 +293,11 @@ async function queryCartAjax() {
 // 获取取餐码
 async function createCodeAjax() {
   try {
-    // const res = await createCode({
-    //   shopId: store.userInfo.shopId
-    // })
-    // masterId.value = res.code
-    masterId.value = '#50'
+    const res = await createCode({
+      shopId: store.userInfo.shopId
+    })
+    masterId.value = res.code
+    // masterId.value = '#8'
     queryCartAjax()
   } catch (error) {
     console.log(error)
@@ -315,8 +319,7 @@ onMounted(() => {
   .menu_top {
     flex-shrink: 0;
     display: flex;
-    height: 60px;
-    $fs: 20px;
+    height: var(--el-component-size-large);
 
     .menu {
       background-color: var(--el-color-warning);
@@ -327,7 +330,7 @@ onMounted(() => {
       justify-content: center;
 
       .icon {
-        font-size: 24px;
+        font-size: var(--el-font-size-base);
         position: relative;
         top: 2px;
       }
@@ -335,7 +338,7 @@ onMounted(() => {
       .t {
         color: #fff;
         margin-left: 4px;
-        font-size: $fs;
+        font-size: var(--el-font-size-base);
       }
     }
 
@@ -347,7 +350,7 @@ onMounted(() => {
       padding-left: var(--el-font-size-base);
 
       .t {
-        font-size: $fs;
+        font-size: var(--el-font-size-base);
       }
     }
 
@@ -363,7 +366,7 @@ onMounted(() => {
       }
 
       .t {
-        font-size: $fs;
+        font-size: var(--el-font-size-base);
         padding: 0 10px;
       }
 
@@ -382,7 +385,7 @@ onMounted(() => {
 
     .shop_list {
       flex: 1;
-      height: calc(100vh - 40px - 60px - 132px);
+      height: calc(100vh - 40px - 60px - 80px);
       overflow-y: auto;
       border-right: 1px solid #ececec;
 
@@ -405,6 +408,7 @@ onMounted(() => {
 
         .sku_list {
           display: flex;
+          flex-wrap: wrap;
           padding-top: 10px;
 
           .tag {
@@ -491,8 +495,8 @@ onMounted(() => {
     $h: 70px;
     display: flex;
     height: $h;
-    padding-top: 20px;
-    gap: 20px;
+    padding-top: var(--el-font-size-base);
+    gap: var(--el-font-size-base);
 
     .editor {
       width: $h;
@@ -502,7 +506,7 @@ onMounted(() => {
       align-items: center;
       justify-content: center;
       color: #555;
-      font-size: 22px;
+      font-size: var(--el-font-size-base);
     }
 
     .button {
@@ -513,7 +517,7 @@ onMounted(() => {
 
         .t {
           color: #fff;
-          font-size: 20px;
+          font-size: var(--el-font-size-base);
         }
       }
     }
@@ -521,8 +525,8 @@ onMounted(() => {
 }
 
 .shop_manage {
-  flex: 2.5;
-  margin-left: 20px;
+  flex: 3;
+  margin-left: var(--el-font-size-base);
   height: 100%;
 }
 </style>