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

View File

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