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