1.字号按照实际名字取
parent
f47594a415
commit
5b08e6c437
|
|
@ -4,7 +4,7 @@
|
|||
<el-radio-group v-if="typeList.includes('typeface')" v-model="typeface">
|
||||
<el-radio v-for="item in font_weight" :key="item.value" :value="item.value">{{ item.name }}</el-radio>
|
||||
</el-radio-group>
|
||||
<el-form-item v-if="typeList.includes('size')" label="字号" label-width="40" class="mb-0 w form-item-child-label">
|
||||
<el-form-item v-if="typeList.includes('size')" :label="sliderName" label-width="40" class="mb-0 w form-item-child-label">
|
||||
<slider v-model="size" :max="100"></slider>
|
||||
</el-form-item>
|
||||
</div>
|
||||
|
|
@ -14,22 +14,24 @@
|
|||
interface Props {
|
||||
defaultColor?: string;
|
||||
typeList?: string[]; // 默认显示3个,传递了之后按照传递的显示
|
||||
sliderName?: string;
|
||||
}
|
||||
const props = withDefaults(defineProps<Props>(), {
|
||||
defaultColor: '',
|
||||
typeList: () => ['color', 'typeface', 'size'],
|
||||
sliderName: '字号',
|
||||
});
|
||||
const color = defineModel('color', {
|
||||
type: String,
|
||||
default: ''
|
||||
default: '',
|
||||
});
|
||||
const typeface = defineModel('typeface', {
|
||||
type: String,
|
||||
default: '400'
|
||||
default: '400',
|
||||
});
|
||||
const size = defineModel('size', {
|
||||
type: Number,
|
||||
default: 15
|
||||
default: 15,
|
||||
});
|
||||
|
||||
const font_weight = [
|
||||
|
|
@ -38,5 +40,4 @@ const font_weight = [
|
|||
];
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
</style>
|
||||
<style lang="scss" scoped></style>
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@
|
|||
</el-form-item>
|
||||
<template v-if="theme != '6'">
|
||||
<el-form-item label="已售数量">
|
||||
<color-text-size-group v-model:color="form.shop_sold_number_color" v-model:typeface="form.shop_sold_number_typeface" v-model:size="form.shop_sold_number_size" default-color="#000000"></color-text-size-group>
|
||||
<color-text-size-group v-model:color="form.shop_sold_number_color" v-model:typeface="form.shop_sold_number_typeface" v-model:size="form.shop_sold_number_size" slider-name="大小" default-color="#000000"></color-text-size-group>
|
||||
</el-form-item>
|
||||
</template>
|
||||
<!-- <el-form-item label="评分">
|
||||
|
|
@ -68,7 +68,7 @@
|
|||
</template>
|
||||
<template v-else>
|
||||
<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>
|
||||
<color-text-size-group v-model:color="form.shop_icon_color" v-model:size="form.shop_icon_size" slider-name="大小" default-color="#fff" :type-list="['color', 'size']"></color-text-size-group>
|
||||
</el-form-item>
|
||||
</template>
|
||||
</card-container>
|
||||
|
|
|
|||
|
|
@ -31,7 +31,7 @@
|
|||
</el-form-item>
|
||||
<template v-if="theme != '6'">
|
||||
<el-form-item label="已售数量">
|
||||
<color-text-size-group v-model:color="form.shop_sold_number_color" v-model:typeface="form.shop_sold_number_typeface" v-model:size="form.shop_sold_number_size" default-color="#000000"></color-text-size-group>
|
||||
<color-text-size-group v-model:color="form.shop_sold_number_color" v-model:typeface="form.shop_sold_number_typeface" v-model:size="form.shop_sold_number_size" slider-name="大小" default-color="#000000"></color-text-size-group>
|
||||
</el-form-item>
|
||||
</template>
|
||||
<el-form-item label="内容圆角">
|
||||
|
|
@ -88,7 +88,7 @@
|
|||
</template>
|
||||
<template v-else>
|
||||
<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>
|
||||
<color-text-size-group v-model:color="form.shop_icon_color" v-model:size="form.shop_icon_size" slider-name="大小" default-color="#fff" :type-list="['color', 'size']"></color-text-size-group>
|
||||
</el-form-item>
|
||||
</template>
|
||||
</card-container>
|
||||
|
|
|
|||
|
|
@ -93,7 +93,7 @@
|
|||
</template>
|
||||
<template v-else>
|
||||
<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>
|
||||
<color-text-size-group v-model:color="form.shop_icon_color" v-model:size="form.shop_icon_size" slider-name="大小" default-color="#fff" :type-list="['color', 'size']"></color-text-size-group>
|
||||
</el-form-item>
|
||||
</template>
|
||||
</card-container>
|
||||
|
|
|
|||
Loading…
Reference in New Issue