1.文章优化

v1.0.0
sws 2024-10-18 11:45:52 +08:00
parent 7a61458f3b
commit 8456e8b40b
4 changed files with 9 additions and 0 deletions

View File

@ -12,6 +12,7 @@
</template>
<div class="jc-sb flex-1" :class="article_theme == '3' ? 'flex-row align-c' : 'flex-col'" :style="article_theme != '0' ? content_padding : ''">
<div class="title" :class="article_theme == '3' ? 'text-line-1 flex-1 flex-width' : 'text-line-2'" :style="article_name">{{ !isEmpty(item.new_title) ? item.new_title : item.data.title }}</div>
<div class="desc">123</div>
<div class="flex-row jc-sb gap-8" :class="article_theme == '3' ? 'ml-10' : 'align-e mt-10'">
<div :style="article_date">{{ field_show.includes('0') ? (!is_obj_empty(item.data) ? item.data.add_time : '2020-06-05 15:20') : '' }}</div>
<div v-show="field_show.includes('1')" class="flex-row align-c gap-3" :style="article_page_view">

View File

@ -131,6 +131,7 @@ const base_list = reactive({
field_show_list: [
{ name: '日期时间', value: '0' },
{ name: '浏览量', value: '1' },
{ name: '描述', value: '2' },
],
});
onMounted(() => {

View File

@ -6,6 +6,9 @@
<el-form-item label="文章名称">
<color-text-size-group v-model:color="form.name_color" v-model:typeface="form.name_weight" v-model:size="form.name_size"></color-text-size-group>
</el-form-item>
<el-form-item label="文章描述">
<color-text-size-group v-model:color="form.desc_color" v-model:size="form.desc_size" :type-list="['color', 'size']"></color-text-size-group>
</el-form-item>
<el-form-item label="日期时间">
<color-text-size-group v-model:color="form.time_color" v-model:typeface="form.time_weight" v-model:size="form.time_size"></color-text-size-group>
</el-form-item>

View File

@ -27,6 +27,8 @@ interface DefaultArticleList {
name_weight: string;
name_size: number;
name_color: string;
desc_color: string;
desc_size: number;
time_weight: string;
time_size: number;
time_color: string;
@ -63,6 +65,8 @@ const defaultArticleList: DefaultArticleList = {
name_weight: '500',
name_size: 14,
name_color: 'rgba(51, 51, 51, 1)',
desc_color: '#999',
desc_size: 12,
time_weight: '400',
time_size: 12,
time_color: 'rgba(153, 153, 153, 1)',