refactor: 应用概览页显示设置页面样式优化

--bug=1048207 --user=王孝刚 【应用】应用概览页显示设置页面样式优化 https://www.tapd.cn/57709429/s/1599274
This commit is contained in:
wxg0103 2024-10-28 15:01:44 +08:00 committed by wxg0103
parent ff164e60f6
commit 8cc5f4b6ed
2 changed files with 21 additions and 11 deletions

View File

@ -196,8 +196,8 @@
<el-button size="small"> 替换 </el-button>
</el-upload>
</div>
<el-text type="info" size="small"
>建议尺寸 32*32支持 JPGPNG, GIF大小不超过 10 MB</el-text
<el-text type="info" size="small">
建议尺寸 64*64支持 JPGPNGGIF大小不超过 10 MB</el-text
>
</el-card>
<el-card shadow="never" class="mb-8">
@ -215,7 +215,7 @@
</el-upload>
</div>
<el-text type="info" size="small">
建议尺寸 64*64支持 JPGPNG, GIF大小不超过 10 MB
建议尺寸 64*64支持 JPGPNGGIF大小不超过 10 MB
</el-text>
<div class="border-t mt-8">
<div class="flex-between mb-8">
@ -262,11 +262,14 @@
<el-checkbox v-model="form.show_history" label="显示历史记录" />
<el-checkbox v-model="form.show_guide" label="显示引导图(浮窗模式)" />
<el-checkbox v-model="form.disclaimer" label="免责声明" />
<el-input
v-if="form.disclaimer"
v-model="form.disclaimer_value"
style="width: 422px; margin-bottom: 10px"
/>
<el-tooltip :content="form.disclaimer_value" placement="top">
<el-input
v-if="form.disclaimer"
v-model="form.disclaimer_value"
style="width: 422px; margin-bottom: 10px"
@change="changeValue"
/>
</el-tooltip>
</el-space>
</el-form>
</el-col>
@ -311,7 +314,7 @@ const defaultSetting = {
float_icon: '',
user_avatar: '',
disclaimer: true,
disclaimer_value: '「以上内容均由AI生成仅供参考和借鉴」',
disclaimer_value: '「以上内容均由 AI 生成,仅供参考和借鉴」',
custom_theme: {
theme_color: '',
header_font_color: '#1f2329'
@ -336,7 +339,7 @@ const xpackForm = ref<any>({
float_icon: '',
user_avatar: '',
disclaimer: true,
disclaimer_value: '「以上内容均由AI生成仅供参考和借鉴」',
disclaimer_value: '「以上内容均由 AI 生成,仅供参考和借鉴」',
custom_theme: {
theme_color: '',
header_font_color: '#1f2329'
@ -412,6 +415,10 @@ const open = (data: any, content: any) => {
dialogVisible.value = true
}
const changeValue = (value: string) => {
xpackForm.value.disclaimer_value = value
}
const submit = async (formEl: FormInstance | undefined) => {
if (!formEl) return
await formEl.validate((valid, fields) => {

View File

@ -54,9 +54,12 @@
text
@click="toggleShowPassword(item.key)"
>
<el-icon>
<el-icon v-if="key === 'app_secret' && !showPassword[item.key]?.[key]">
<Hide />
</el-icon>
<el-icon v-if="key === 'app_secret' && showPassword[item.key]?.[key]">
<View />
</el-icon>
</el-button>
</div>
</el-col>