sileya-ai
/
vr-uniapp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改商品选项卡的显示

v1.0.0
于肖磊 2024-09-02 14:01:57 +08:00
parent 78a99a3c8c
commit 65fe22daea
3 changed files with 26 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/model-shop-tabs/model-shop-tabs-content.vue
View File

@ -16,6 +16,14 @@
<el-radio v-for="item in base_list.product_style_list" :key="item.value" :value="item.value">{{ item.name }}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item v-if="form.theme == '5'" label="单行显示">
<el-radio-group v-model="form.single_line_number" class="ml-4">
<el-radio :value="1">1个</el-radio>
<el-radio :value="2">2个</el-radio>
<el-radio :value="3">3个</el-radio>
<el-radio :value="4">4个</el-radio>
</el-radio-group>
</el-form-item>
</card-container>
<div class="divider-line"></div>
<card-container>

15
src/components/model-shop-tabs/model-shop-tabs-styles.vue
View File

@ -47,9 +47,6 @@
<slider v-model="form.content_outer_spacing" :max="100"></slider>
</el-form-item>
<template v-if="theme == '5'">
<el-form-item label="内容宽度">
<slider v-model="form.content_outer_width" :max="1000"></slider>
</el-form-item>
<el-form-item label="内容高度">
<slider v-model="form.content_outer_height" :max="1000"></slider>
</el-form-item>
@ -63,6 +60,18 @@
</el-form-item> -->
</card-container>
<div class="divider-line"></div>
<template v-if="theme == '5'">
<card-container>
<div class="mb-12">轮播设置</div>
<el-form-item label="自动轮播">
<el-switch v-model="form.is_roll" />
</el-form-item>
<el-form-item label="间隔时间">
<slider v-model="form.interval_time" :max="100"></slider>
</el-form-item>
</card-container>
<div class="divider-line"></div>
</template>
<card-container>
<div class="mb-12">购物车按钮</div>
<el-form-item label="按钮颜色" class="topic">

8
src/views/layout/components/main/default/shop-tabs.ts
View File

@ -17,6 +17,7 @@ interface DefaultProductList {
tabs_theme: string;
tabs_top_up: boolean;
theme: string;
single_line_number: number,
tabs_list: articleTabsList[];
is_show: string[];
is_shop_show: boolean;
@ -41,8 +42,9 @@ interface DefaultProductList {
shop_img_radius: radiusStyle;
shop_radius: radiusStyle;
content_outer_spacing: number;
content_outer_width: number;
content_outer_height: number;
is_roll: boolean,
interval_time: number,
content_spacing: number;
shop_title_typeface: string;
shop_title_size: number;
@ -70,6 +72,7 @@ const defaultProductList: DefaultProductList = {
tabs_theme: '0',
tabs_top_up: false,
theme: '0',
single_line_number: 1,
tabs_list: [
{ id: '1', title: '热门推荐', img: [], desc: '简介', data_type: '0', category: [], data_ids: [], number: 4, sort: '0', sort_rules: '0', data_list: [] },
{ id: '2', title: '测试一', img: [], desc: '简介', data_type: '0', category: [], data_ids: [], number: 4, sort: '0', sort_rules: '0', data_list: [] },
@ -118,8 +121,9 @@ const defaultProductList: DefaultProductList = {
},
content_outer_spacing: 10,
content_spacing: 10,
content_outer_width: 140,
content_outer_height: 232,
is_roll: true,
interval_time: 2,
shop_title_typeface: '500',
shop_title_size: 14,
shop_title_color: "#333333",