优化样式

src/views/home/index.vue

@@ -76,13 +76,8 @@
           <div class="button">
             <el-button type="primary" style="width: 100%;" :disabled="!cartList.length" v-loading="createOrderLoading"
               @click="createOrderHandle">
-              <div class="js">
-                <el-text class="t">￥{{ cartInfo.totalAmount }}</el-text>
-                <el-text class="t" style="margin-left: 30px">
-                  <span v-if="!createOrderLoading">结算</span>
-                  <span v-else>下单中...</span>
-                </el-text>
-              </div>
+              <span v-if="!createOrderLoading">结算(￥{{ cartInfo.totalAmount || 0 }})</span>
+              <span v-else>下单中...</span>
             </el-button>
           </div>
         </div>
@@ -294,7 +289,7 @@ async function queryCartAjax() {
 async function createCodeAjax() {
   try {
     if (process.env.VITE_DEV_SERVER_URL) {
-      masterId.value = '#8'
+      masterId.value = '#10'
     } else {
       const res = await createCode({
         shopId: store.userInfo.shopId
@@ -396,7 +391,7 @@ onMounted(() => {
         padding: var(--el-font-size-base);
 
         &.active {
-          background-color: #f5f5f5;
+          background-color: var(--primary-color-hover);
         }
 
         &:not(:last-child) {
@@ -419,6 +414,7 @@ onMounted(() => {
             background-color: var(--el-color-danger);
             color: #fff;
             margin-right: 10px;
+            margin-bottom: 10px;
           }
         }