修改加粗的值

v1.2.0
于肖磊 2025-01-13 16:51:28 +08:00
parent ecf2f6a7b1
commit 7582304100
27 changed files with 60 additions and 60 deletions

View File

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

View File

@ -39,7 +39,7 @@ const size = defineModel('size', {
});
const font_weight = [
{ name: '加粗', value: '500' },
{ name: '加粗', value: 'bold' },
{ name: '正常', value: '400' },
];
</script>

View File

@ -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;
});

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@ -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}`;
});

View File

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

View File

@ -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,
});

View File

@ -110,7 +110,7 @@ const props = defineProps({
},
});
const font_weight = reactive([
{ name: '加粗', value: '500' },
{ name: '加粗', value: 'bold' },
{ name: '正常', value: '400' },
]);
//

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@ -122,7 +122,7 @@
font-weight: 500;
}
.fw-b {
font-weight: 700;
font-weight: bold;
}
/**

View File

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

View File

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