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

1.优惠券开发 

sws 2024-08-28
v1.0.0
sws 2024-08-28 18:22:55 +08:00
parent 3907922759
commit f6a6233e30
4 changed files with 24 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/model-coupon/model-coupon-setting.vue
View File

@ -30,8 +30,10 @@ const default_config = {
// 主题1时不显示
limit_send_count: '#999',
btn_background: [{ color: '#FF3830', color_percentage: '' }],
btn_direction: '90deg',
btn_color: '#FF3830',
background: [{ color: '#FFF1E1', color_percentage: '' }],
direction: '90deg',
spacing: 20,
},
theme_2: {
@ -41,9 +43,11 @@ const default_config = {
// 主题2时不显示
limit_send_count: '#999',
btn_background: [{ color: '#FFF1E1', color_percentage: '' }],
btn_direction: '90deg',
btn_color: '#fff',
// 当为主题2时，不显示
background: [{ color: '#fff', color_percentage: '' }],
direction: '90deg',
spacing: 15,
common_style: {
background_img_url: [{ url: 'http://shopxo.com/static/upload/images/common/2024/08/28/1724815957918121.png' }],
@ -55,8 +59,10 @@ const default_config = {
desc_color: '#FF3830',
limit_send_count: '#999',
btn_background: [{ color: '#FF3830', color_percentage: '' }],
btn_direction: '90deg',
btn_color: '#FF3830',
background: [{ color: '#FFF1E1', color_percentage: '' }],
direction: '90deg',
// 当为主题34时，间距不给予修改，优惠券沾满整行
spacing: 0,
},
@ -67,8 +73,10 @@ const default_config = {
// 主题4时不显示
limit_send_count: '#999',
btn_background: [{ color: '#fff', color_percentage: '' }],
btn_direction: '90deg',
btn_color: '#FF3830',
background: [{ color: '#FFF1E1', color_percentage: '' }],
direction: '90deg',
// 当为主题34时，间距不给予修改，优惠券沾满整行
spacing: 0,
},
@ -81,8 +89,11 @@ const default_config = {
limit_send_count: '#999',
// 主题5时不显示
btn_background: [{ color: '#fff', color_percentage: '' }],
// 主题5时不显示
btn_direction: '90deg',
btn_color: '#fff',
background: [{ color: '#FFF1E1', color_percentage: '' }],
direction: '90deg',
spacing: 10,
},
theme_6: {
@ -94,8 +105,11 @@ const default_config = {
limit_send_count: '#999',
// 主题6时不显示
btn_background: [{ color: '#fff', color_percentage: '' }],
// 主题6时不显示
btn_direction: '90deg',
btn_color: '#fff',
background: [{ color: '#FF3830', color_percentage: '' }],
direction: '90deg',
spacing: 10,
},
theme_7: {
@ -107,11 +121,14 @@ const default_config = {
limit_send_count: '#999',
// 主题7时不显示
btn_background: [{ color: '#E1B47A', color_percentage: '' }],
// 主题7时不显示
btn_direction: '90deg',
btn_color: '#fff',
background: [
{ color: '#FF3830', color_percentage: '' },
{ color: '#E1B47A', color_percentage: '' },
],
direction: '90deg',
spacing: 10,
},
},

10
src/components/model-coupon/model-coupon-styles.vue
View File

@ -9,27 +9,27 @@
<el-form-item label="名称">
<color-picker v-model="form.name_color" :default-color="clone_form.name_color"></color-picker>
</el-form-item>
<template v-if="['1', '5', '6', '7'].includes(theme)">
<template v-if="!['1', '5', '6', '7'].includes(theme)">
<el-form-item label="描述">
<color-picker v-model="form.desc_color" :default-color="clone_form.desc_color"></color-picker>
</el-form-item>
</template>
<template v-if="['1', '2', '4', '5', '6', '7'].includes(theme)">
<template v-if="!['1', '2', '4', '5', '6', '7'].includes(theme)">
<el-form-item label="数量限制">
<color-picker v-model="form.limit_send_count" :default-color="clone_form.limit_send_count"></color-picker>
</el-form-item>
</template>
<template v-if="['2'].includes(theme)">
<template v-if="!['2'].includes(theme)">
<el-form-item label="背景">
<mult-color-picker :value="form.background" :type="form.direction"></mult-color-picker>
</el-form-item>
</template>
<template v-if="['3', '4'].includes(theme)">
<template v-if="!['3', '4'].includes(theme)">
<el-form-item label="间距">
<slider v-model="form.spacing"></slider>
</el-form-item>
</template>
<template v-if="['5', '6', '7'].includes(theme)">
<template v-if="!['5', '6', '7'].includes(theme)">
<el-form-item label="按钮背景">
<mult-color-picker :value="form.btn_background" :type="form.btn_direction"></mult-color-picker>
</el-form-item>

2
src/components/model-user-info/index.vue
View File

@ -132,7 +132,7 @@ watch(
base_data.stats_number_weight = new_style.stats_number_weight;
base_data.stats_number_size = new_style.stats_number_size;
style_container.value += common_styles_computer(new_style.common_style);
style_container.value = common_styles_computer(new_style.common_style);
}
// 人物名称样式
user_name_style.value = 'color:' + base_data.user_name_color + ';' + 'font-size:' + base_data.user_name_size + 'px;' + 'font-weight:' + base_data.user_name_weight + ';';

22
src/components/model-user-info/model-user-info-styles.vue
View File

@ -96,27 +96,7 @@ import { omit } from 'lodash';
const props = defineProps({
value: {
type: Object,
default: () => {
return {
user_avatar_size: '60',
user_name_color: 'rgba(0, 0, 0, 1)',
user_name_weight: '500',
user_name_size: 16,
user_id_color_list: [{ color: 'rgba(254, 184, 143, 1)', color_percentage: ''}, { color: 'rgba(255, 227, 220, 1)', color_percentage: '' }],
user_id_color: 'rgba(0, 0, 0, 1)',
user_id_direction: '90deg',
user_id_weight: '400',
user_id_size: 10,
img_size: '23',
img_space: '25',
stats_name_color: 'rgba(0, 0, 0, 1)',
stats_name_weight: '400',
stats_name_size: 12,
stats_number_color: 'rgba(0, 0, 0, 1)',
stats_number_weight: '500',
stats_number_size: 16,
};
},
default: () => {},
},
});
const font_weight = reactive([