opentiny
/
tiny-engine
2
0
Fork 9
Code Issues Pull Requests 3 Packages Projects Releases Wiki Activity

fix: setting default page jump text to be too long across multiple pages (#1276)

This commit is contained in:
lichunn 2025-04-02 09:22:55 +08:00 committed by GitHub
parent 87d7d32e5f
commit e3845e4e1c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 16 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
packages/plugins/page/src/PageGeneral.vue
View File

@ -48,8 +48,8 @@
<div class="tip">
<span class="text" v-if="!pageSettingState.currentPageData.route">路由将以website.com开头</span>
<span class="route-text" v-else>
<span class="text">website.com/</span>
<span class="text-dim">{{ currentRoute }}</span>
<span class="tip-text">website.com/</span>
<span class="tip-text-dim">{{ currentRoute }}</span>
</span>
</div>
</tiny-form-item>
@ -64,13 +64,11 @@
placeholder="请选择默认跳转页"
@change="changeDefaultPage"
></tiny-select>
<div v-if="state.defaultPageId" class="tip default-page">
<span class="text"
>访问<span class="text-dim">/{{ currentRoute }}</span
>路由，默认跳转<span class="text-dim"
>/{{ currentRoute }}/{{ pageSettingState?.defaultPage?.route }}</span
></span
>
<div v-if="state.defaultPageId" class="tip">
<div class="tip-text">访问</div>
<span class="tip-text-dim">/{{ currentRoute }}</span>
<div class="tip-text">路由，默认跳转</div>
<span class="tip-text-dim">/{{ currentRoute }}/{{ pageSettingState?.defaultPage?.route }}</span>
</div>
</tiny-form-item>
</tiny-form>
@ -324,20 +322,18 @@ export default {
color: var(--te-page-manage-tip-color);
font-size: 12px;
border-radius: 3px;
display: flex;
align-items: center;
height: 16px;
margin-top: 4px;
.text {
color: var(--te-page-manage-tip-text-color);
}
.text-dim {
color: var(--te-page-manage-tip-dim-text-color);
}
}
.default-page {
width: 100%;
word-wrap: break-word;
height: auto;
line-height: 16px;
.tip-text {
width: 100%;
color: var(--te-page-manage-tip-text-color);
}
.tip-text-dim {
color: var(--te-page-manage-tip-dim-text-color);
}
}
}
</style>