修改加粗的值
parent
ecf2f6a7b1
commit
7582304100
|
|
@ -84,7 +84,7 @@ onMounted(() => {
|
|||
inset: 0;
|
||||
z-index: 1;
|
||||
color: #fff;
|
||||
font-weight: 500;
|
||||
font-weight: bold;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
|
|
|||
|
|
@ -39,7 +39,7 @@ const size = defineModel('size', {
|
|||
});
|
||||
|
||||
const font_weight = [
|
||||
{ name: '加粗', value: '500' },
|
||||
{ name: '加粗', value: 'bold' },
|
||||
{ name: '正常', value: '400' },
|
||||
];
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -175,8 +175,8 @@ const text_style = computed(() => {
|
|||
let style = `font-size: ${ form.value.text_size * props.scale }px;line-height: ${ (typeof form.value.line_text_size === "number" ? form.value.line_text_size : form.value.text_size) * props.scale}px;color: ${ form.value.text_color }; text-align: ${ form.value.text_location }; transform: rotate(${form.value.text_rotate}deg);text-decoration: ${ form.value.text_option };${ padding_computer(form.value.text_padding, props.scale) };`;
|
||||
if (form.value.text_weight == 'italic') {
|
||||
style += `font-style: italic`;
|
||||
} else if (form.value.text_weight == '500') {
|
||||
style += `font-weight: 500`;
|
||||
} else if (['bold', '500'].includes(form.value.text_weight)) {
|
||||
style += `font-weight: bold;`;
|
||||
}
|
||||
return style;
|
||||
});
|
||||
|
|
|
|||
|
|
@ -45,7 +45,7 @@
|
|||
</el-form-item>
|
||||
<el-form-item label="文字大小">
|
||||
<el-radio-group v-model="form.text_weight" @change="operation_end">
|
||||
<el-radio value="500">加粗</el-radio>
|
||||
<el-radio value="bold">加粗</el-radio>
|
||||
<el-radio value="normal">正常</el-radio>
|
||||
<el-radio value="italic">倾斜</el-radio>
|
||||
</el-radio-group>
|
||||
|
|
|
|||
|
|
@ -109,7 +109,7 @@ const change_shop_type = () => {
|
|||
display: flex;
|
||||
align-items: flex-end;
|
||||
justify-content: center;
|
||||
font-weight: 700;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
:deep(.el-checkbox-group .el-checkbox){
|
||||
|
|
|
|||
|
|
@ -207,7 +207,7 @@ const switch_chage = (val: string | number | boolean) => {
|
|||
data.value.name_weight = '400';
|
||||
} else {
|
||||
data.value.name_color = '#333';
|
||||
data.value.name_weight = '500';
|
||||
data.value.name_weight = 'bold';
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -323,7 +323,7 @@ const switch_chage = (val: string | number | boolean) => {
|
|||
styles.name_weight = '400';
|
||||
} else {
|
||||
styles.name_color = '#333';
|
||||
styles.name_weight = '500';
|
||||
styles.name_weight = 'bold';
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -316,7 +316,7 @@ const theme_7_background_style = computed(() => {
|
|||
.number {
|
||||
font-size: 3rem;
|
||||
line-height: 2.4rem;
|
||||
font-weight: 500;
|
||||
font-weight: bold;
|
||||
padding: 0 0.4rem;
|
||||
}
|
||||
}
|
||||
|
|
@ -365,14 +365,14 @@ const theme_7_background_style = computed(() => {
|
|||
}
|
||||
.number {
|
||||
font-size: 2.6rem;
|
||||
font-weight: 500;
|
||||
font-weight: bold;
|
||||
padding: 0 0.4rem;
|
||||
}
|
||||
}
|
||||
.name {
|
||||
font-size: 0.8rem;
|
||||
color: v-bind('theme_style.name_color');
|
||||
font-weight: 500;
|
||||
font-weight: bold;
|
||||
margin-bottom: 0.4rem;
|
||||
}
|
||||
.desc {
|
||||
|
|
@ -453,12 +453,12 @@ const theme_7_background_style = computed(() => {
|
|||
.name {
|
||||
font-size: 1.8rem;
|
||||
color: v-bind('theme_style.name_color');
|
||||
font-weight: 500;
|
||||
font-weight: bold;
|
||||
line-height: 2.5rem;
|
||||
}
|
||||
.desc {
|
||||
font-size: 1.4rem;
|
||||
font-weight: 500;
|
||||
font-weight: bold;
|
||||
color: v-bind('theme_style.desc_color');
|
||||
line-height: 2rem;
|
||||
}
|
||||
|
|
@ -490,7 +490,7 @@ const theme_7_background_style = computed(() => {
|
|||
color: v-bind('theme_style.btn_color');
|
||||
position: relative;
|
||||
font-size: 1.8rem;
|
||||
font-weight: 500;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
.icon {
|
||||
font-size: 2rem;
|
||||
|
|
@ -596,7 +596,7 @@ const theme_7_background_style = computed(() => {
|
|||
}
|
||||
.title {
|
||||
font-size: 1.6rem;
|
||||
font-weight: 500;
|
||||
font-weight: bold;
|
||||
color: v-bind('theme_style.content_title_color');
|
||||
line-height: 2.2rem;
|
||||
}
|
||||
|
|
@ -650,11 +650,11 @@ const theme_7_background_style = computed(() => {
|
|||
margin-bottom: 0.5rem;
|
||||
.symbol {
|
||||
font-size: 1.2rem;
|
||||
font-weight: 500;
|
||||
font-weight: bold;
|
||||
}
|
||||
.number {
|
||||
font-size: 2.4rem;
|
||||
font-weight: 500;
|
||||
font-weight: bold;
|
||||
line-height: 20px;
|
||||
padding-left: 0.4rem;
|
||||
}
|
||||
|
|
@ -682,7 +682,7 @@ const theme_7_background_style = computed(() => {
|
|||
color: v-bind('theme_style.btn_color');
|
||||
position: relative;
|
||||
font-size: 1.2rem;
|
||||
font-weight: 500;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
letter-spacing: 0.2rem;
|
||||
}
|
||||
|
|
@ -744,11 +744,11 @@ const theme_7_background_style = computed(() => {
|
|||
margin-bottom: 0.1rem;
|
||||
.symbol {
|
||||
font-size: 2rem;
|
||||
font-weight: 500;
|
||||
font-weight: bold;
|
||||
}
|
||||
.number {
|
||||
font-size: 3.2rem;
|
||||
font-weight: 500;
|
||||
font-weight: bold;
|
||||
line-height: 3.2rem;
|
||||
padding-left: 0.4rem;
|
||||
}
|
||||
|
|
@ -766,7 +766,7 @@ const theme_7_background_style = computed(() => {
|
|||
position: relative;
|
||||
font-size: 1.4rem;
|
||||
line-height: 2.2rem;
|
||||
font-weight: 500;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
|
@ -822,11 +822,11 @@ const theme_7_background_style = computed(() => {
|
|||
margin-bottom: 0.5rem;
|
||||
.symbol {
|
||||
font-size: 1.2rem;
|
||||
font-weight: 500;
|
||||
font-weight: bold;
|
||||
}
|
||||
.number {
|
||||
font-size: 2.4rem;
|
||||
font-weight: 500;
|
||||
font-weight: bold;
|
||||
line-height: 2rem;
|
||||
padding-left: 0.4rem;
|
||||
}
|
||||
|
|
@ -857,7 +857,7 @@ const theme_7_background_style = computed(() => {
|
|||
width: 100%;
|
||||
color: v-bind('theme_style.btn_color');
|
||||
font-size: 1rem;
|
||||
font-weight: 500;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
letter-spacing: 0.2rem;
|
||||
height: 100%;
|
||||
|
|
|
|||
|
|
@ -125,10 +125,10 @@ const data_style = {
|
|||
subtitle_color: '#FF852A',
|
||||
subtitle_typeface: '400',
|
||||
subtitle_size: 14,
|
||||
goods_title_typeface: '500',
|
||||
goods_title_typeface: 'bold',
|
||||
goods_title_size: 14,
|
||||
goods_title_color: "#333333",
|
||||
goods_price_typeface: '500',
|
||||
goods_price_typeface: 'bold',
|
||||
goods_price_size: 18,
|
||||
goods_price_color: "#EA3323;",
|
||||
goods_color_list: [{ color: '', color_percentage: undefined }],
|
||||
|
|
|
|||
|
|
@ -84,10 +84,10 @@ onBeforeMount(async () => {
|
|||
content_outer_spacing: 10, // 商品间距
|
||||
content_spacing: 10,
|
||||
content_outer_height: 232,
|
||||
shop_title_typeface: '500',
|
||||
shop_title_typeface: 'bold',
|
||||
shop_title_size: 14,
|
||||
shop_title_color: "#333333",
|
||||
shop_price_typeface: '500',
|
||||
shop_price_typeface: 'bold',
|
||||
shop_price_size: 18,
|
||||
shop_price_color: "#EA3323;",
|
||||
shop_button_typeface:'400',
|
||||
|
|
|
|||
|
|
@ -60,8 +60,8 @@ const title_style = computed(() => {
|
|||
let common_styles = '';
|
||||
if (new_style.value.title_weight == 'italic') {
|
||||
common_styles += `font-style: italic`;
|
||||
} else if (new_style.value.title_weight == '500') {
|
||||
common_styles += `font-weight: 500`;
|
||||
} else if (['bold', '500'].includes(new_style.value.title_weight)) {
|
||||
common_styles += `font-weight: bold;`;
|
||||
}
|
||||
return `color:${new_style.value.title_color}; font-size: ${new_style.value.title_size}px; ${common_styles}`;
|
||||
});
|
||||
|
|
@ -70,8 +70,8 @@ const subtitle_style = computed(() => {
|
|||
let common_styles = '';
|
||||
if (new_style.value.subtitle_weight == 'italic') {
|
||||
common_styles += `font-style: italic`;
|
||||
} else if (new_style.value.subtitle_weight == '500') {
|
||||
common_styles += `font-weight: 500`;
|
||||
} else if (['bold', '500'].includes(new_style.value.subtitle_weight)) {
|
||||
common_styles += `font-weight: bold;`;
|
||||
}
|
||||
return `color:${new_style.value.subtitle_color}; font-size: ${new_style.value.subtitle_size}px; ${common_styles}`;
|
||||
});
|
||||
|
|
|
|||
|
|
@ -24,7 +24,7 @@
|
|||
<div class="flex-col gap-10 w">
|
||||
<color-picker v-model="form.title_color" default-color="#000000"></color-picker>
|
||||
<el-radio-group v-model="form.title_weight">
|
||||
<el-radio value="500">加粗</el-radio>
|
||||
<el-radio value="bold">加粗</el-radio>
|
||||
<el-radio value="normal">正常</el-radio>
|
||||
<el-radio value="italic">倾斜</el-radio>
|
||||
</el-radio-group>
|
||||
|
|
@ -38,7 +38,7 @@
|
|||
<div class="flex-col gap-10 w">
|
||||
<color-picker v-model="form.subtitle_color" default-color="#000000"></color-picker>
|
||||
<el-radio-group v-model="form.subtitle_weight">
|
||||
<el-radio value="500">加粗</el-radio>
|
||||
<el-radio value="bold">加粗</el-radio>
|
||||
<el-radio value="normal">正常</el-radio>
|
||||
<el-radio value="italic">倾斜</el-radio>
|
||||
</el-radio-group>
|
||||
|
|
|
|||
|
|
@ -73,7 +73,7 @@ const base_data = reactive({
|
|||
// 用户名颜色
|
||||
user_name_color: 'rgba(0, 0, 0, 1)',
|
||||
// 用户名样式
|
||||
user_name_weight: '500',
|
||||
user_name_weight: 'bold',
|
||||
// 用户名字号
|
||||
user_name_size: 16,
|
||||
// 用户ID颜色
|
||||
|
|
@ -102,7 +102,7 @@ const base_data = reactive({
|
|||
// 统计数字颜色
|
||||
stats_number_color: 'rgba(0, 0, 0, 1)',
|
||||
// 统计数字样式
|
||||
stats_number_weight: '500',
|
||||
stats_number_weight: 'bold',
|
||||
// 统计数字字号
|
||||
stats_number_size: 16,
|
||||
});
|
||||
|
|
|
|||
|
|
@ -110,7 +110,7 @@ const props = defineProps({
|
|||
},
|
||||
});
|
||||
const font_weight = reactive([
|
||||
{ name: '加粗', value: '500' },
|
||||
{ name: '加粗', value: 'bold' },
|
||||
{ name: '正常', value: '400' },
|
||||
]);
|
||||
// 默认值
|
||||
|
|
|
|||
|
|
@ -45,7 +45,7 @@ const default_data = {
|
|||
header_background_img_style: '2',
|
||||
header_background_img: [],
|
||||
header_background_title_color: '#333',
|
||||
header_background_title_typeface: '500',
|
||||
header_background_title_typeface: 'bold',
|
||||
header_background_title_size: 14,
|
||||
data_alone_row_space: 5,
|
||||
function_buttons_type: '0',
|
||||
|
|
|
|||
|
|
@ -114,7 +114,7 @@ const defaultArticleList: DefaultArticleList = {
|
|||
article_color_list: [{ color: '#fff', color_percentage: undefined }],
|
||||
article_background_img_style: '0',
|
||||
article_background_img: [],
|
||||
name_weight: '500',
|
||||
name_weight: 'bold',
|
||||
name_size: 14,
|
||||
name_color: '#333',
|
||||
name_bg_color_list: [{ color: 'rgba(0, 0, 0, 0.7)', color_percentage: undefined }],
|
||||
|
|
|
|||
|
|
@ -162,10 +162,10 @@ const defaultArticleTabs: DefaultArticleTabs = {
|
|||
{ color: '#FF9898', color_percentage: undefined },
|
||||
],
|
||||
tabs_direction: '90deg',
|
||||
tabs_weight_checked: '500',
|
||||
tabs_weight_checked: 'bold',
|
||||
tabs_size_checked: 14,
|
||||
tabs_color_checked: 'rgba(51,51,51,1)',
|
||||
tabs_weight: '500',
|
||||
tabs_weight: 'bold',
|
||||
tabs_size: 14,
|
||||
tabs_color: 'rgba(51,51,51,1)',
|
||||
// 选项卡图标和图片设置
|
||||
|
|
@ -280,7 +280,7 @@ const defaultArticleTabs: DefaultArticleTabs = {
|
|||
article_color_list: [{ color: '#fff', color_percentage: undefined }],
|
||||
article_background_img_style: '0',
|
||||
article_background_img: [],
|
||||
name_weight: '500',
|
||||
name_weight: 'bold',
|
||||
name_size: 14,
|
||||
name_color: '#333',
|
||||
name_bg_color_list: [{ color: 'rgba(0, 0, 0, 0.7)', color_percentage: undefined }],
|
||||
|
|
|
|||
|
|
@ -207,14 +207,14 @@ const defaultProductList: DefaultProductList = {
|
|||
interval_time: 3,
|
||||
rolling_fashion: 'translation', // 滚动方式 translation 平移 cut-screen 切屏
|
||||
// 商品内容大小和颜色设置
|
||||
shop_title_typeface: '500',
|
||||
shop_title_typeface: 'bold',
|
||||
shop_title_size: 14,
|
||||
shop_title_color: "#333333",
|
||||
shop_simple_desc_typeface: '400',
|
||||
shop_simple_desc_size: 12,
|
||||
shop_simple_desc_color: "#999",
|
||||
title_simple_desc_spacing: 4,
|
||||
shop_price_typeface: '500',
|
||||
shop_price_typeface: 'bold',
|
||||
shop_price_size: 18,
|
||||
shop_price_color: "#EA3323;",
|
||||
shop_price_symbol_color: '#EA3323',
|
||||
|
|
|
|||
|
|
@ -195,10 +195,10 @@ const defaultProductList: DefaultProductList = {
|
|||
{ color: '#FF9898', color_percentage: undefined },
|
||||
],
|
||||
tabs_direction: '90deg',
|
||||
tabs_weight_checked: '500',
|
||||
tabs_weight_checked: 'bold',
|
||||
tabs_size_checked: 14,
|
||||
tabs_color_checked: 'rgba(51,51,51,1)',
|
||||
tabs_weight: '500',
|
||||
tabs_weight: 'bold',
|
||||
tabs_size: 14,
|
||||
tabs_color: 'rgba(51,51,51,1)',
|
||||
tabs_icon_color_checked: 'rgba(51,51,51,1)',
|
||||
|
|
@ -383,14 +383,14 @@ const defaultProductList: DefaultProductList = {
|
|||
interval_time: 3,
|
||||
rolling_fashion: 'translation', // 滚动方式 translation 平移 cut-screen 切屏
|
||||
// 商品标题等内容处理
|
||||
shop_title_typeface: '500',
|
||||
shop_title_typeface: 'bold',
|
||||
shop_title_size: 14,
|
||||
shop_title_color: '#333333',
|
||||
shop_simple_desc_typeface: '400',
|
||||
shop_simple_desc_size: 12,
|
||||
shop_simple_desc_color: "#999",
|
||||
title_simple_desc_spacing: 4,
|
||||
shop_price_typeface: '500',
|
||||
shop_price_typeface: 'bold',
|
||||
shop_price_size: 18,
|
||||
shop_price_color: '#EA3323;',
|
||||
shop_price_symbol_color: '#EA3323',
|
||||
|
|
|
|||
|
|
@ -159,7 +159,7 @@ const defaultFooterNav: DefaultFooterNav = {
|
|||
header_background_img_style: '2',
|
||||
header_background_img: [],
|
||||
header_background_title_color: '#333',
|
||||
header_background_title_typeface: '500',
|
||||
header_background_title_typeface: 'bold',
|
||||
header_background_title_size: 14,
|
||||
// 换行间距
|
||||
data_alone_row_space: 5,
|
||||
|
|
|
|||
|
|
@ -304,14 +304,14 @@ const defaultSeckill: DefaultSeckill = {
|
|||
box_shadow_blur: 0,
|
||||
box_shadow_spread: 0,
|
||||
},
|
||||
shop_title_typeface: '500',
|
||||
shop_title_typeface: 'bold',
|
||||
shop_title_size: 14,
|
||||
shop_title_color: '#333333',
|
||||
shop_simple_desc_typeface: '400',
|
||||
shop_simple_desc_size: 12,
|
||||
shop_simple_desc_color: "#999",
|
||||
title_simple_desc_spacing: 4,
|
||||
shop_price_typeface: '500',
|
||||
shop_price_typeface: 'bold',
|
||||
shop_price_size: 18,
|
||||
shop_price_color: '#EA3323;',
|
||||
shop_price_symbol_color: '#EA3323',
|
||||
|
|
|
|||
|
|
@ -205,10 +205,10 @@ const defaultTabs: defaultTabs = {
|
|||
{ color: '#FF9898', color_percentage: undefined },
|
||||
],
|
||||
tabs_direction: '90deg',
|
||||
tabs_weight_checked: '500',
|
||||
tabs_weight_checked: 'bold',
|
||||
tabs_size_checked: 14,
|
||||
tabs_color_checked: 'rgba(51,51,51,1)',
|
||||
tabs_weight: '500',
|
||||
tabs_weight: 'bold',
|
||||
tabs_size: 14,
|
||||
tabs_color: 'rgba(51,51,51,1)',
|
||||
tabs_icon_color_checked: 'rgba(51,51,51,1)',
|
||||
|
|
|
|||
|
|
@ -69,10 +69,10 @@ const defaultTabs: defaultTabs = {
|
|||
{ color: '#FF9898', color_percentage: undefined },
|
||||
],
|
||||
tabs_direction: '90deg',
|
||||
tabs_weight_checked: '500',
|
||||
tabs_weight_checked: 'bold',
|
||||
tabs_size_checked: 14,
|
||||
tabs_color_checked: 'rgba(51,51,51,1)',
|
||||
tabs_weight: '500',
|
||||
tabs_weight: 'bold',
|
||||
tabs_size: 14,
|
||||
tabs_color: 'rgba(51,51,51,1)',
|
||||
tabs_icon_color_checked: 'rgba(51,51,51,1)',
|
||||
|
|
|
|||
|
|
@ -41,7 +41,7 @@ const defaultUserInfo: DefaultUserInfo = {
|
|||
style: {
|
||||
user_avatar_size: '60',
|
||||
user_name_color: 'rgba(0, 0, 0, 1)',
|
||||
user_name_weight: '500',
|
||||
user_name_weight: 'bold',
|
||||
user_name_size: 16,
|
||||
number_code_color_list: [
|
||||
{ color: 'rgba(254, 184, 143, 1)', color_percentage: undefined },
|
||||
|
|
@ -57,7 +57,7 @@ const defaultUserInfo: DefaultUserInfo = {
|
|||
stats_name_weight: '400',
|
||||
stats_name_size: 12,
|
||||
stats_number_color: 'rgba(0, 0, 0, 1)',
|
||||
stats_number_weight: '500',
|
||||
stats_number_weight: 'bold',
|
||||
stats_number_size: 16,
|
||||
common_style: {
|
||||
...defaultCommon,
|
||||
|
|
|
|||
|
|
@ -122,7 +122,7 @@
|
|||
font-weight: 500;
|
||||
}
|
||||
.fw-b {
|
||||
font-weight: 700;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
|
|||
|
|
@ -133,7 +133,7 @@ const radio = ref('1'); // 创建一个响应式的数字变量,初始值为0
|
|||
height: 7.8rem;
|
||||
.title {
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
font-weight: bold;
|
||||
color: #333;
|
||||
}
|
||||
.radio-group {
|
||||
|
|
|
|||
|
|
@ -42,7 +42,7 @@ const footer_config = {
|
|||
padding: 2.1rem 3.8rem;
|
||||
.title {
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
font-weight: bold;
|
||||
color: #333;
|
||||
}
|
||||
.radio-group {
|
||||
|
|
|
|||
Loading…
Reference in New Issue