修改商品显示

src/components/common/product-show-config/index.vue

@@ -63,7 +63,7 @@ const base_list = {
     ],
     shopping_button_list: [
         { name: '文字', value: 'text' },
-        { name: 'icon', value: 'icon' },
+        { name: '图标', value: 'icon' },
     ],
     shopping_cart_list: [
         { name: '进入商品详情页', value: '0' },

src/components/model-shop-list/index.vue

@@ -6,7 +6,9 @@
                     <div :class="['flex-row align-c jc-sb ptb-15 mlr-10 gap-20', { 'br-b-e': index != list.length - 1 }]">
                         <div v-if="is_show('title')" :class="text_line" :style="trends_config('title')">{{ item.title }}</div>
                         <div v-if="is_show('price')" class="num" :style="`color: ${new_style.shop_price_color}`">
-                            <span class="identifying">￥</span><span :style="trends_config('price')">{{ item.min_price }}</span>
+                            <span class="identifying">{{ item.show_price_symbol }}</span
+                            ><span :style="trends_config('price')">{{ item.min_price }}</span>
+                            <span v-if="is_show('price_unit')" class="identifying">{{ item.show_price_unit }}</span>
                         </div>
                     </div>
                 </template>

src/components/model-shop-list/model-shop-list-content.vue

@@ -152,8 +152,10 @@ const goods_list_sort = (new_list: any) => {
 // 选择某些风格时， 切换到对应的按钮
 const change_style = (val: any): void => {
     form.value.theme = val;
-    if (['3', '4', '5'].includes(val) && ['0', '1'].includes(form.value.shop_type)) {
-        form.value.shop_type = '2';
+    if (['3', '4', '5'].includes(val) && form.value.shop_type == 'text') {
+        form.value.shop_type = 'icon';
+    } else {
+        form.value.shop_type = 'text';
     }
 };
 </script>

src/components/model-shop-list/model-shop-list-styles.vue

@@ -57,7 +57,7 @@
                     </el-form-item>
                 </template>
                 <template v-else>
-                    <el-form-item label="icon设置">
+                    <el-form-item label="图标设置">
                         <color-text-size-group v-model:color="form.shop_icon_color" v-model:size="form.shop_icon_size" default-color="#fff" :type-list="['color', 'size']"></color-text-size-group>
                     </el-form-item>
                 </template>

src/components/model-shop-tabs/model-shop-tabs-content.vue

@@ -229,8 +229,10 @@ const tabs_theme_change = (val: string | number | boolean | undefined):void => {
 // 选择某些风格时， 切换到对应的按钮
 const change_style = (val: any): void => {
     form.value.theme = val;
-    if (['3', '4', '5'].includes(val) && ['0', '1'].includes(form.value.shop_type)) {
-        form.value.shop_type = '2';
+    if (['3', '4', '5'].includes(val) && form.value.shop_type == 'text') {
+        form.value.shop_type = 'icon';
+    } else {
+        form.value.shop_type = 'text';
     }
 };
 </script>

src/components/model-shop-tabs/model-shop-tabs-styles.vue

@@ -69,7 +69,7 @@
                     </el-form-item>
                 </template>
                 <template v-else>
-                    <el-form-item label="icon设置">
+                    <el-form-item label="图标设置">
                         <color-text-size-group v-model:color="form.shop_icon_color" v-model:size="form.shop_icon_size" default-color="#fff" :type-list="['color', 'size']"></color-text-size-group>
                     </el-form-item>
                 </template>

src/layout/components/main/default/shop-list.ts

@@ -92,8 +92,8 @@ const defaultProductList: DefaultProductList = {
         },
         content_outer_spacing: 10, // 商品间距
         content_spacing: 10,
-        content_outer_width: 104,
-        content_outer_height: 189,
+        content_outer_width: 140,
+        content_outer_height: 232,
         shop_title_typeface: '500',
         shop_title_size: 14,    
         shop_title_color: "#333333",

src/layout/components/main/default/shop-tabs.ts

@@ -116,8 +116,8 @@ const defaultProductList: DefaultProductList = {
         },
         content_outer_spacing: 10,
         content_spacing: 10,
-        content_outer_width: 104,
-        content_outer_height: 189,
+        content_outer_width: 140,
+        content_outer_height: 232,
         shop_title_typeface: '500',
         shop_title_size: 14,    
         shop_title_color: "#333333",