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

修改页面设置显示

v1.0.0
于肖磊 2024-08-29 15:23:52 +08:00
parent ab01b2e910
commit 3582d48323
12 changed files with 52 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/common/product-show-config/index.vue
View File

@ -1,5 +1,5 @@
<template>
<card-container class="card-container-br">
<card-container>
<div class="mb-12">显示内容</div>
<el-form-item label="是否显示">
<el-checkbox-group v-model="form.is_show">
@ -10,6 +10,7 @@
<el-switch v-model="form.is_price_solo"></el-switch>
</el-form-item>
</card-container>
<div class="bg-f5 divider-line" />
<card-container>
<div class="mb-12">购物车设置</div>
<el-form-item label="是否显示">
@ -81,9 +82,6 @@ const change_shop_type = () => {
margin-bottom: 0;
}
}
.card-container-br {
border-bottom: 0.8rem solid #f0f2f5;
}
.shopping_button {
height: 2.7rem;
line-height: 2.7rem;

8
src/components/model-data-magic/model-data-magic-content.vue
View File

@ -1,7 +1,7 @@
<template>
<div class="auxiliary-line common-content-height">
<div class="w h">
<el-form :model="form" label-width="80">
<card-container class="mb-8">
<card-container>
<div class="mb-12">展示风格</div>
<el-form-item label="选择风格">
<div class="flex align-c flex-wrap gap-10">
@ -11,7 +11,8 @@
</div>
</el-form-item>
</card-container>
<card-container class="mb-8">
<div class="bg-f5 divider-line" />
<card-container>
<div class="mb-12">展示设置</div>
<el-form-item label-width="0" class="show-config">
<!-- 风格9 -->
@ -31,6 +32,7 @@
</template>
</el-form-item>
</card-container>
<div class="bg-f5 divider-line" />
<el-tabs v-model="tabs_name" class="content-tabs">
<el-tab-pane label="内容设置" name="content">
<tabs-content :value="form.data_magic_list[selected_active].data_content" :is-show-title="is_show_title"></tabs-content>

3
src/components/model-data-magic/model-data-magic-styles.vue
View File

@ -1,7 +1,7 @@
<template>
<div class="w">
<el-form :model="form" label-width="70">
<card-container class="mb-8">
<card-container>
<div class="mb-12">数据魔方</div>
<el-form-item label="数据间距">
<slider v-model="form.image_spacing" :max="100"></slider>
@ -14,6 +14,7 @@
</el-form-item>
</card-container>
</el-form>
<div class="bg-f5 divider-line" />
<common-styles :value="form.common_style" @update:value="common_style_update" />
</div>
</template>

10
src/components/model-img-magic/model-img-magic-content.vue
View File

@ -1,7 +1,7 @@
<template>
<div class="auxiliary-line common-content-height">
<div class="w h">
<el-form :model="form" label-width="60">
<card-container class="mb-8">
<card-container>
<div class="mb-12">展示风格</div>
<el-form-item label="选择风格">
<div class="flex align-c flex-wrap gap-10">
@ -11,7 +11,8 @@
</div>
</el-form-item>
</card-container>
<card-container class="mb-8">
<div class="bg-f5 divider-line" />
<card-container>
<div class="mb-12">展示设置</div>
<el-form-item label-width="0" class="show-config">
<!-- 风格3 -->
@ -48,7 +49,8 @@
</template>
</el-form-item>
</card-container>
<card-container class="mb-8">
<div class="bg-f5 divider-line" />
<card-container>
<div class="mb-12">内容设置</div>
<template v-if="!isEmpty(form.img_magic_list[selected_active])">
<el-form-item label="上传图片">

3
src/components/model-img-magic/model-img-magic-styles.vue
View File

@ -1,7 +1,7 @@
<template>
<div class="w">
<el-form :model="form" label-width="70">
<card-container class="mb-8">
<card-container>
<div class="mb-12">图片魔方</div>
<el-form-item label="图片间距">
<slider v-model="form.image_spacing" :max="100"></slider>
@ -11,6 +11,7 @@
</el-form-item>
</card-container>
</el-form>
<div class="bg-f5 divider-line" />
<common-styles :value="form.common_style" @update:value="common_style_update" />
</div>
</template>

13
src/components/model-notice/model-notice-content.vue
View File

@ -1,7 +1,7 @@
<template>
<div class="auxiliary-line common-content-height">
<div class="w h">
<el-form :model="form" label-width="70">
<card-container class="mb-8">
<card-container>
<div class="mb-12">展示设置</div>
<el-form-item label="选择风格">
<el-radio-group v-model="form.notice_style" class="ml-4">
@ -10,7 +10,8 @@
</el-radio-group>
</el-form-item>
</card-container>
<card-container class="mb-8">
<div class="bg-f5 divider-line" />
<card-container>
<div class="mb-12">公告风格</div>
<el-form-item label="标题类型">
<el-radio-group v-model="form.title_type" class="ml-4">
@ -36,7 +37,8 @@
</el-form-item>
</template>
</card-container>
<card-container class="mb-8">
<div class="bg-f5 divider-line" />
<card-container>
<div class="mb-12">按钮设置</div>
<el-form-item label="右侧按钮">
<el-radio-group v-model="form.is_right_button" class="ml-4">
@ -48,7 +50,8 @@
<url-value v-model="form.more_link"></url-value>
</el-form-item>
</card-container>
<card-container class="mb-8">
<div class="bg-f5 divider-line" />
<card-container>
<div class="mb-12">内容设置</div>
<drag :data="form.notice_list" type="card" :space-col="25" @remove="remove" @on-sort="on_sort">
<template #default="scoped">

5
src/components/model-notice/model-notice-styles.vue
View File

@ -1,7 +1,7 @@
<template>
<div class="common-style-height">
<div class="w h">
<el-form :model="form" label-width="80">
<card-container class="mb-8">
<card-container>
<div class="mb-12">标题样式</div>
<template v-if="!is_img">
<el-form-item label="标题文字">
@ -66,6 +66,7 @@
</el-form-item>
</card-container>
</el-form>
<div class="bg-f5 divider-line" />
<common-styles :value="form.common_style" @update:value="common_styles_update" />
</div>
</template>

2
src/components/model-search/model-search-content.vue
View File

@ -1,5 +1,5 @@
<template>
<div class="auxiliary-line common-content-height bg-f">
<div class="w h">
<el-form :model="form" label-width="70">
<card-container>
<div class="mb-12">展示设置</div>

11
src/components/model-search/model-search-styles.vue
View File

@ -1,13 +1,14 @@
<template>
<div class="common-style-height">
<div class="w h">
<el-form :model="form" label-width="70">
<card-container class="mb-8">
<card-container>
<div class="mb-12">左侧图标</div>
<el-form-item label="图标">
<color-picker v-model="form.icon_color" default-color="#CCCCCC"></color-picker>
</el-form-item>
</card-container>
<card-container class="mb-8">
<div class="bg-f5 divider-line" />
<card-container>
<div class="mb-12">搜索按钮</div>
<el-form-item label="搜索按钮">
<color-picker v-model="form.button_inner_color" default-color="#fff"></color-picker>
@ -37,7 +38,8 @@
<radius :value="form.search_button_radius" @update:value="button_radius_change"></radius>
</el-form-item>
</card-container>
<card-container class="mb-8">
<div class="bg-f5 divider-line" />
<card-container>
<div class="mb-12">框体样式</div>
<el-form-item label="提示文字">
<color-picker v-model="form.tips_color" default-color="#CCCCCC"></color-picker>
@ -53,6 +55,7 @@
</el-form-item>
</card-container>
</el-form>
<div class="bg-f5 divider-line" />
<common-styles :value="form.common_style" @update:value="common_styles_update" />
</div>
</template>

10
src/components/model-text-title/model-text-title-content.vue
View File

@ -1,7 +1,7 @@
<template>
<div class="auxiliary-line common-content-height">
<div class="w h">
<el-form :model="form" label-width="70">
<card-container class="mb-8">
<card-container>
<div class="mb-12">标题设置</div>
<el-form-item label="标题名字">
<el-input v-model="form.title" placeholder="请输入标题"></el-input>
@ -10,7 +10,8 @@
<url-value v-model="form.title_link"></url-value>
</el-form-item>
</card-container>
<card-container class="mb-8">
<div class="bg-f5 divider-line" />
<card-container>
<div class="mb-12">关键字设置</div>
<el-form-item label="关键字">
<el-radio-group v-model="form.keyword_show" class="ml-4">
@ -37,7 +38,8 @@
<el-button class="mt-20 mb-20 w" @click="add">+添加</el-button>
</template>
</card-container>
<card-container class="mb-8">
<div class="bg-f5 divider-line" />
<card-container>
<div class="mb-12">更多设置</div>
<el-form-item label="右侧按钮">
<el-radio-group v-model="form.right_show" class="ml-4">

11
src/components/model-text-title/model-text-title-styles.vue
View File

@ -1,7 +1,7 @@
<template>
<div class="common-style-height">
<div class="w h">
<el-form :model="form" label-width="80">
<card-container class="mb-8">
<card-container>
<div class="mb-12">标题设置</div>
<el-form-item label="标题颜色">
<color-picker v-model="form.title_color" default-color="#000000"></color-picker>
@ -17,7 +17,8 @@
</el-form-item>
</el-form-item>
</card-container>
<card-container class="mb-8">
<div class="bg-f5 divider-line" />
<card-container>
<div class="mb-12">关键字设置</div>
<el-form-item label="文字颜色">
<color-picker v-model="form.keyword_color" default-color="#000000"></color-picker>
@ -26,7 +27,8 @@
<slider v-model="form.keyword_size" :max="100"></slider>
</el-form-item>
</card-container>
<card-container class="mb-8">
<div class="bg-f5 divider-line" />
<card-container>
<div class="mb-12">更多设置</div>
<el-form-item label="按钮颜色">
<color-picker v-model="form.right_color" default-color="#999"></color-picker>
@ -36,6 +38,7 @@
</el-form-item>
</card-container>
</el-form>
<div class="bg-f5 divider-line" />
<common-styles :value="form.common_style" @update:value="common_styles_update" />
</div>
</template>

5
src/components/page-settings/page-styles.vue
View File

@ -1,7 +1,7 @@
<template>
<div class="styles">
<div class="w h">
<el-form :model="form" label-width="70" class="m-h">
<card-container class="mb-8">
<card-container>
<div class="mb-12">头部样式</div>
<el-form-item label="顶部背景">
<div class="flex-col gap-10">
@ -52,6 +52,7 @@
</el-form-item>
</card-container>
</el-form>
<div class="bg-f5 divider-line" />
<common-styles :value="form.common_style" :is-margin="false" :is-shadow="false" :is-radius="false" @update:value="common_styles_update" />
</div>
</template>