文章选项卡修改

v1.0.0
于肖磊 2024-08-27 10:52:15 +08:00
parent e984ec501a
commit e4c8e00f8d
8 changed files with 30 additions and 40 deletions

View File

@ -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>

View File

@ -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">

View File

@ -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,

View File

@ -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">

View File

@ -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>

View File

@ -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,

View File

@ -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: [
{

View File

@ -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: [
{