文章选项卡修改
parent
e984ec501a
commit
e4c8e00f8d
|
|
@ -10,7 +10,7 @@
|
|||
<script setup lang="ts">
|
||||
const typeface = defineModel('typeface', {
|
||||
type: String,
|
||||
default: 'normal'
|
||||
default: '400'
|
||||
});
|
||||
const size = defineModel('size', {
|
||||
type: Number,
|
||||
|
|
@ -19,7 +19,7 @@ const size = defineModel('size', {
|
|||
|
||||
const font_weight = [
|
||||
{ name: '加粗', value: '500' },
|
||||
{ name: '正常', value: 'normal' },
|
||||
{ name: '正常', value: '400' },
|
||||
];
|
||||
</script>
|
||||
|
||||
|
|
|
|||
|
|
@ -7,26 +7,16 @@
|
|||
<mult-color-picker :value="form.tabs_checked" :type="form.tabs_direction" @update:value="tabs_checked_event"></mult-color-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="选中文字">
|
||||
<el-radio-group v-model="form.tabs_weight_checked">
|
||||
<el-radio v-for="item in font_weight" :key="item.value" :value="item.value">{{ item.name }}</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="字号">
|
||||
<slider v-model="form.tabs_size_checked"></slider>
|
||||
</el-form-item>
|
||||
<el-form-item label="文字色值">
|
||||
<color-picker v-model="form.tabs_color_checked"></color-picker>
|
||||
<div class="flex-col w h gap-10">
|
||||
<color-picker v-model="form.tabs_color_checked" default-color="rgba(51,51,51,1)"></color-picker>
|
||||
<text-size-type v-model:typeface="form.tabs_weight_checked" v-model:size="form.tabs_size_checked"></text-size-type>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="未选文字">
|
||||
<el-radio-group v-model="form.tabs_weight">
|
||||
<el-radio v-for="item in font_weight" :key="item.value" :value="item.value">{{ item.name }}</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="字号">
|
||||
<slider v-model="form.tabs_size"></slider>
|
||||
</el-form-item>
|
||||
<el-form-item label="文字色值">
|
||||
<color-picker v-model="form.tabs_color"></color-picker>
|
||||
<div class="flex-col w h gap-10">
|
||||
<color-picker v-model="form.tabs_color" default-color="rgba(51,51,51,1)"></color-picker>
|
||||
<text-size-type v-model:typeface="form.tabs_weight" v-model:size="form.tabs_size"></text-size-type>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</card-container>
|
||||
<card-container class="mb-8">
|
||||
|
|
|
|||
|
|
@ -63,10 +63,10 @@ const data_style = {
|
|||
rotation_direction: 'horizontal',
|
||||
interval_time: 2,
|
||||
heading_color: '#000',
|
||||
heading_typeface: 'normal',
|
||||
heading_typeface: '400',
|
||||
heading_size: 20,
|
||||
subtitle_color: '#FF852A',
|
||||
subtitle_typeface: 'normal',
|
||||
subtitle_typeface: '400',
|
||||
subtitle_size: 14,
|
||||
chunk_padding: {
|
||||
padding: 0,
|
||||
|
|
|
|||
|
|
@ -7,16 +7,16 @@
|
|||
<mult-color-picker :value="form.tabs_checked" :type="form.tabs_direction" @update:value="tabs_checked_event"></mult-color-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="选中文字">
|
||||
<text-size-type v-model:typeface="form.tabs_weight_checked" v-model:size="form.tabs_size_checked"></text-size-type>
|
||||
</el-form-item>
|
||||
<el-form-item label="文字色值">
|
||||
<color-picker v-model="form.tabs_color_checked" default-color="rgba(51,51,51,1)"></color-picker>
|
||||
<div class="flex-col w h gap-10">
|
||||
<color-picker v-model="form.tabs_color_checked" default-color="rgba(51,51,51,1)"></color-picker>
|
||||
<text-size-type v-model:typeface="form.tabs_weight_checked" v-model:size="form.tabs_size_checked"></text-size-type>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="未选文字">
|
||||
<text-size-type v-model:typeface="form.tabs_weight" v-model:size="form.tabs_size"></text-size-type>
|
||||
</el-form-item>
|
||||
<el-form-item label="文字色值">
|
||||
<color-picker v-model="form.tabs_color" default-color="#000000"></color-picker>
|
||||
<div class="flex-col w h gap-10">
|
||||
<color-picker v-model="form.tabs_color" default-color="rgba(51,51,51,1)"></color-picker>
|
||||
<text-size-type v-model:typeface="form.tabs_weight" v-model:size="form.tabs_size"></text-size-type>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</card-container>
|
||||
<card-container class="mb-8">
|
||||
|
|
|
|||
|
|
@ -8,13 +8,13 @@
|
|||
</el-form-item>
|
||||
<el-form-item label="选中文字" class="">
|
||||
<div class="flex-col w h gap-10">
|
||||
<color-picker v-model="form.tabs_color_checked" default-color="#000000"></color-picker>
|
||||
<color-picker v-model="form.tabs_color_checked" default-color="rgba(51,51,51,1)"></color-picker>
|
||||
<text-size-type v-model:typeface="form.tabs_weight_checked" v-model:size="form.tabs_size_checked"></text-size-type>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="未选文字">
|
||||
<div class="flex-col w h gap-10">
|
||||
<color-picker v-model="form.tabs_color" default-color="#000000"></color-picker>
|
||||
<color-picker v-model="form.tabs_color" default-color="rgba(51,51,51,1)"></color-picker>
|
||||
<text-size-type v-model:typeface="form.tabs_weight" v-model:size="form.tabs_size"></text-size-type>
|
||||
</div>
|
||||
</el-form-item>
|
||||
|
|
|
|||
|
|
@ -54,7 +54,7 @@ const defaultSearch: defaultSearch = {
|
|||
},
|
||||
style: {
|
||||
news_color: '#000',
|
||||
news_typeface: 'normal',
|
||||
news_typeface: '400',
|
||||
news_size: 12,
|
||||
topic_color_list: [
|
||||
{
|
||||
|
|
@ -67,7 +67,7 @@ const defaultSearch: defaultSearch = {
|
|||
},
|
||||
],
|
||||
topic_color: '#000',
|
||||
topic_typeface: 'normal',
|
||||
topic_typeface: '400',
|
||||
topic_size: 14,
|
||||
topic_width: 24,
|
||||
topic_height: 24,
|
||||
|
|
|
|||
|
|
@ -93,13 +93,13 @@ const defaultProductList: DefaultProductList = {
|
|||
shop_price_typeface: '500',
|
||||
shop_price_size: 18,
|
||||
shop_price_color: "#EA3323;",
|
||||
shop_sold_number_typeface: 'normal',
|
||||
shop_sold_number_typeface: '400',
|
||||
shop_sold_number_size: 10,
|
||||
shop_sold_number_color: "#999999",
|
||||
shop_score_typeface: 'normal',
|
||||
shop_score_typeface: '400',
|
||||
shop_score_size: 10,
|
||||
shop_score_color: "#999999",
|
||||
shop_button_typeface:'normal',
|
||||
shop_button_typeface:'400',
|
||||
shop_button_size: 12,
|
||||
shop_button_color: [
|
||||
{
|
||||
|
|
|
|||
|
|
@ -117,13 +117,13 @@ const defaultProductList: DefaultProductList = {
|
|||
shop_price_typeface: '500',
|
||||
shop_price_size: 18,
|
||||
shop_price_color: "#EA3323;",
|
||||
shop_sold_number_typeface: 'normal',
|
||||
shop_sold_number_typeface: '400',
|
||||
shop_sold_number_size: 10,
|
||||
shop_sold_number_color: "#999999",
|
||||
shop_score_typeface: 'normal',
|
||||
shop_score_typeface: '400',
|
||||
shop_score_size: 10,
|
||||
shop_score_color: "#999999",
|
||||
shop_button_typeface:'normal',
|
||||
shop_button_typeface:'400',
|
||||
shop_button_size: 12,
|
||||
shop_button_color: [
|
||||
{
|
||||
|
|
|
|||
Loading…
Reference in New Issue