sileya-ai
/
vr-uniapp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改页面显示内容

v1.3.0
于肖磊 2025-04-07 10:36:30 +08:00
parent 344f1eecd2
commit 53ae62b903
5 changed files with 36 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/model-ask-tabs/model-ask-tabs-content.vue
View File

@ -93,6 +93,11 @@
<el-checkbox v-for="item in base_list.show_list.filter(item => item.show.includes(form.theme))" :key="item.value" :value="item.value">{{ item.name }}</el-checkbox>
</el-checkbox-group>
</el-form-item>
<el-form-item label="标题显示">
<el-radio-group v-model="form.title_display_method">
<el-radio v-for="item in base_list.display_method" :key="item.value" :value="item.value">{{ item.name }}</el-radio>
</el-radio-group>
</el-form-item>
</card-container>
</el-form>
<url-value-dialog v-model:dialog-visible="url_value_dialog_visible" :type="['ask']" :multiple="url_value_multiple_bool" @update:model-value="url_value_dialog_call_back"></url-value-dialog>
@ -159,6 +164,11 @@ const base_list = reactive({
{ name: '未回', value: '0' },
{ name: '已回', value: '1' },
],
display_method: [
{ name: '自动', value: '0' },
{ name: '一行', value: '1' },
{ name: '两行', value: '2' },
],
});
const tabs_theme_change = (val: string | number | boolean | undefined): void => {
data.value.tabs_color_checked = tabs_style(data.value.tabs_color_checked, val);

16
src/components/model-ask/index.vue
View File

@ -8,7 +8,7 @@
<div class="oh w h flex-col jc-sb gap-10" :style="layout_img_style">
<div class="flex-row gap-10 align-b">
<div v-if="is_show('ranking')" :class="`top-style one${ index + 1 }`">{{ index + 1 }}</div>
<div :style="trends_config('title') + 'word-break: break-all;'">{{ item.title }}</div>
<div :class="get_title_line" :style="trends_config('title') + 'word-break: break-all;'">{{ item.title }}</div>
</div>
<div v-if="is_show('reply_status') || is_show('time') || is_show('page_view')" class="flex-row gap-10 align-c" :style="is_show('ranking') ? 'margin-left: 2.7rem;' : ''">
<div class="flex-row">
@ -26,7 +26,7 @@
<template v-else>
<div class="oh flex-col gap-10 jc-sb" :style="layout_img_style">
<div class="flex-row gap-10 align-b">
<div :style="trends_config('title') + 'word-break: break-all;'">{{ item.title }}</div>
<div :class="get_title_line" :style="trends_config('title') + 'word-break: break-all;'">{{ item.title }}</div>
</div>
<div v-if="is_show('reply_status') || is_show('time')" class="flex-col gap-10">
<span v-if="is_show('time')" :style="trends_config('time')">{{ item.add_time_date }}</span>
@ -48,7 +48,7 @@
<div :class="layout_type" :style="layout_style">
<div class="oh w h flex-col gap-10 jc-sb" :style="layout_img_style">
<div class="flex-row gap-10 align-b">
<div :style="trends_config('title') + 'word-break: break-all;'">{{ item.title }}</div>
<div :class="get_title_line" :style="trends_config('title') + 'word-break: break-all;'">{{ item.title }}</div>
</div>
<div v-if="is_show('reply_status') || is_show('time')" class="flex-col gap-10">
<span v-if="is_show('time')" :style="trends_config('time')">{{ item.add_time_date }}</span>
@ -96,6 +96,14 @@ const form = computed(() => props.value?.content || {});
const new_style = computed(() => props.value?.style || {});
// 选择的风格
const theme = computed(() => form.value.theme);
const get_title_line = computed(() => {
const line = form.value.title_display_method;
if (line == '0') {
return '';
} else {
return line == '1' ? 'text-line-1' : 'text-line-2'
}
});
// 最外层不同风格下的显示
const outer_class = computed(() => {
const flex = ['0', '2'].includes(theme.value) ? 'flex-col ' : 'container ';
@ -211,7 +219,7 @@ const trends_config = (key: string, type?: string) => {
};
// 根据传递的值，显示不同的内容
const style_config = (typeface: string, size: number, color: string | object, type?: string) => {
let style = `font-weight:${typeface}; font-size: ${size}px;color: ${color};`;
let style = `font-weight:${typeface}; font-size: ${size}px;color: ${color};line-height: 1.5;`;
return style;
};
// 不同风格下的样式

10
src/components/model-ask/model-ask-content.vue
View File

@ -33,6 +33,11 @@
<el-checkbox v-for="item in base_list.show_list.filter(item => item.show.includes(form.theme))" :key="item.value" :value="item.value">{{ item.name }}</el-checkbox>
</el-checkbox-group>
</el-form-item>
<el-form-item label="标题显示">
<el-radio-group v-model="form.title_display_method">
<el-radio v-for="item in base_list.display_method" :key="item.value" :value="item.value">{{ item.name }}</el-radio>
</el-radio-group>
</el-form-item>
</card-container>
</el-form>
<url-value-dialog v-model:dialog-visible="url_value_dialog_visible" :type="['ask']" :multiple="url_value_multiple_bool" @update:model-value="url_value_dialog_call_back"></url-value-dialog>
@ -92,6 +97,11 @@ const base_list = reactive({
{ name: '未回', value: '0' },
{ name: '已回', value: '1' },
],
display_method: [
{ name: '自动', value: '0' },
{ name: '一行', value: '1' },
{ name: '两行', value: '2' },
],
});
// 移除

2
src/config/const/ask-tabs.ts
View File

@ -45,6 +45,7 @@ interface defaultRealstore {
keywords: string;
is_reply: string;
is_show: string[],
title_display_method: string,
};
style: {
tabs_one_theme: string;
@ -165,6 +166,7 @@ const defaultRealstore: defaultRealstore = {
keywords: '',
is_reply: '',
is_show: ['time', 'page_view', 'reply_status', 'ranking'],
title_display_method: '0',
},
style: {
// 选中样式风格

2
src/config/const/ask.ts
View File

@ -18,6 +18,7 @@ interface defaultRealstore {
keywords: string;
is_reply: string;
is_show: string[],
title_display_method: string;
};
style: {
ask_color_list: color_list[];
@ -77,6 +78,7 @@ const defaultRealstore: defaultRealstore = {
keywords: '',
is_reply: '',
is_show: ['time', 'page_view', 'reply_status', 'ranking'],
title_display_method: '0',
},
style: {
ask_color_list: [{ color: '#fff', color_percentage: undefined }],