1.优化商品菜单选中效果 2.优化打印服务加载弹窗展示效果

src/components/more.vue

@@ -7,7 +7,7 @@
             <div class="drawerbox_bo_top_left_one" style="font-size: 24px;">
               {{ store.shopInfo.shopName }}
             </div>
-            <div class="tips" style="margin-top: 4px; color: var(--el-color-warning);" v-if="!showTips">注意：您的账号将于{{
+            <div class="tips" style="margin-top: 4px; color: var(--el-color-warning);" v-if="showTips">注意：您的账号将于{{
               store.shopInfo.expireTime }}后过期，请尽快续期！</div>
             <div class="drawerbox_bo_top_left_tow" style="margin-top: 10px">
               收银员：{{ store.userInfo.name }}
@@ -126,6 +126,8 @@ function computeExpired() {
   let expired = dayjs(store.userInfo.expireTime).subtract(30, 'day')
   // 判断当前时间是否大于到期时间30天
   showTips.value = now.isBefore(expired)
+
+  console.log("computeExpired===", showTips.value);
 }
 
 // 打开叫号弹窗

src/components/skuModal.vue

@@ -14,10 +14,11 @@
         </div>
         <div class="footer">
             <div class="info">
+                <div class="price" v-if="goodsInfo.id">
+                    <span class="i">￥</span>
+                    <span class="n">{{ formatDecimal(+goodsInfo.salePrice) }}</span>
+                </div>
                 <span>库存：{{ stockNumber }}</span>
-                <template v-if="goodsInfo.id">
-                    <span class="price">￥{{ formatDecimal(+goodsInfo.salePrice) }}</span>
-                </template>
             </div>
             <div class="btn_wrap">
                 <div class="btn">
@@ -253,6 +254,20 @@ defineExpose({
 
         .price {
             color: var(--el-color-danger);
+            display: flex;
+            align-items: center;
+            font-weight: bold;
+
+            .i {
+                font-size: 14px;
+                position: relative;
+                top: 2px;
+                margin-right: 2px;
+            }
+
+            .n {
+                font-size: 20px;
+            }
         }
     }