1.字号按照实际名字取

v1.0.0
sws 2024-10-15 11:06:37 +08:00
parent f47594a415
commit 5b08e6c437
4 changed files with 12 additions and 11 deletions

View File

@ -4,7 +4,7 @@
<el-radio-group v-if="typeList.includes('typeface')" v-model="typeface"> <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 v-for="item in font_weight" :key="item.value" :value="item.value">{{ item.name }}</el-radio>
</el-radio-group> </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> <slider v-model="size" :max="100"></slider>
</el-form-item> </el-form-item>
</div> </div>
@ -14,22 +14,24 @@
interface Props { interface Props {
defaultColor?: string; defaultColor?: string;
typeList?: string[]; // 3 typeList?: string[]; // 3
sliderName?: string;
} }
const props = withDefaults(defineProps<Props>(), { const props = withDefaults(defineProps<Props>(), {
defaultColor: '', defaultColor: '',
typeList: () => ['color', 'typeface', 'size'], typeList: () => ['color', 'typeface', 'size'],
sliderName: '字号',
}); });
const color = defineModel('color', { const color = defineModel('color', {
type: String, type: String,
default: '' default: '',
}); });
const typeface = defineModel('typeface', { const typeface = defineModel('typeface', {
type: String, type: String,
default: '400' default: '400',
}); });
const size = defineModel('size', { const size = defineModel('size', {
type: Number, type: Number,
default: 15 default: 15,
}); });
const font_weight = [ const font_weight = [
@ -38,5 +40,4 @@ const font_weight = [
]; ];
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped></style>
</style>

View File

@ -11,7 +11,7 @@
</el-form-item> </el-form-item>
<template v-if="theme != '6'"> <template v-if="theme != '6'">
<el-form-item label="已售数量"> <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> </el-form-item>
</template> </template>
<!-- <el-form-item label="评分"> <!-- <el-form-item label="评分">
@ -68,7 +68,7 @@
</template> </template>
<template v-else> <template v-else>
<el-form-item label="图标设置"> <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> </el-form-item>
</template> </template>
</card-container> </card-container>

View File

@ -31,7 +31,7 @@
</el-form-item> </el-form-item>
<template v-if="theme != '6'"> <template v-if="theme != '6'">
<el-form-item label="已售数量"> <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> </el-form-item>
</template> </template>
<el-form-item label="内容圆角"> <el-form-item label="内容圆角">
@ -88,7 +88,7 @@
</template> </template>
<template v-else> <template v-else>
<el-form-item label="图标设置"> <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> </el-form-item>
</template> </template>
</card-container> </card-container>

View File

@ -93,7 +93,7 @@
</template> </template>
<template v-else> <template v-else>
<el-form-item label="图标设置"> <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> </el-form-item>
</template> </template>
</card-container> </card-container>