blackteay/icegl-three-vue-tres
1
0
Fork 0
mirror of https://gitee.com/ice-gl/icegl-three-vue-tres.git synced 2025-04-05 06:22:43 +08:00
Code Issues Projects Releases Wiki Activity

修复在手机端的渲染菜单不全的问题

Browse Source
This commit is contained in:
hawk86104 2025-03-09 11:20:44 +08:00
parent 99d06058ee
commit d80daee5bd
1 changed files with 24 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/plugins/preview.vue
View File

@ -4,7 +4,7 @@
* @Autor: 地虎降天龙 * @Autor: 地虎降天龙
* @Date: 2023-11-18 22:17:49 * @Date: 2023-11-18 22:17:49
* @LastEditors: 地虎降天龙 * @LastEditors: 地虎降天龙
* @LastEditTime: 2025-02-13 18:49:25 * @LastEditTime: 2025-03-09 11:18:33
--> -->
<template> <template>
<div class="absolute menuSelf"> <div class="absolute menuSelf">
@ -50,7 +50,7 @@
<template v-for="(bP, pkey) in filteredData"> <template v-for="(bP, pkey) in filteredData">
<f-menu-item v-if="pkey === 'basic'" v-for="(onePlugin, okey) in bP.child" :value="onePlugin.name"> <f-menu-item v-if="pkey === 'basic'" v-for="(onePlugin, okey) in bP.child" :value="onePlugin.name">
<template #label> <template #label>
<div class="flex absolute" style="left: 1px; flex-direction: column; top: 2px"> <div class="flex absolute badge-group">
<template v-for="(lbItem, lbKey) in getleftMenuBadge(onePlugin.name)"> <template v-for="(lbItem, lbKey) in getleftMenuBadge(onePlugin.name)">
<f-badge v-if="lbItem.show" :value="lbItem.text" class="tag-fbdge" type="primary" size="small" /> <f-badge v-if="lbItem.show" :value="lbItem.text" class="tag-fbdge" type="primary" size="small" />
</template> </template>
@ -74,7 +74,7 @@
<template v-for="(onePlugin, pkey) in filteredData"> <template v-for="(onePlugin, pkey) in filteredData">
<f-menu-item v-if="pkey !== 'basic' && !isTvtstore(onePlugin)" :value="pkey"> <f-menu-item v-if="pkey !== 'basic' && !isTvtstore(onePlugin)" :value="pkey">
<template #label> <template #label>
<div class="flex absolute" style="left: 1px; flex-direction: column; top: 2px"> <div class="flex absolute badge-group">
<template v-for="(lbItem, lbKey) in getleftMenuBadge(onePlugin.name)"> <template v-for="(lbItem, lbKey) in getleftMenuBadge(onePlugin.name)">
<f-badge v-if="lbItem.show" :value="lbItem.text" class="tag-fbdge" type="primary" size="small" /> <f-badge v-if="lbItem.show" :value="lbItem.text" class="tag-fbdge" type="primary" size="small" />
</template> </template>
@ -94,7 +94,7 @@
/></template> /></template>
<f-menu-item value="tvtPluginUrl"> <f-menu-item value="tvtPluginUrl">
<template #label> <template #label>
<div class="flex absolute" style="left: 1px; flex-direction: column; top: 2px"> <div class="flex absolute badge-group">
<f-badge value="tvtstore" class="tag-fbdge" type="danger" size="small" /> <f-badge value="tvtstore" class="tag-fbdge" type="danger" size="small" />
</div> </div>
<span class="left-m-text">插件应用市场</span> <span class="left-m-text">插件应用市场</span>
@ -108,7 +108,7 @@
<f-badge v-if="lbItem.show" :value="lbItem.text" class="tag-fbdge" type="primary" size="small" /> <f-badge v-if="lbItem.show" :value="lbItem.text" class="tag-fbdge" type="primary" size="small" />
</template> </template>
</div> --> </div> -->
<div class="flex absolute" style="left: 1px; flex-direction: column; top: 2px"> <div class="flex absolute badge-group">
<f-badge value="free" class="tag-fbdge afree-tag" type="success" size="small" v-if="onePlugin.tvtstore === 'FREE'" /> <f-badge value="free" class="tag-fbdge afree-tag" type="success" size="small" v-if="onePlugin.tvtstore === 'FREE'" />
</div> </div>
<div class="flex absolute" style="top: 3px; right: 30px"> <div class="flex absolute" style="top: 3px; right: 30px">
@ -281,7 +281,6 @@ provide('menuSetupFilter', menuSetupFilter)
watch(menuSetupFilter, (newValue: any) => { watch(menuSetupFilter, (newValue: any) => {
filteredData.value = filterMenuSetup(newValue) filteredData.value = filterMenuSetup(newValue)
}) })
const getleftMenuBadge = (name: string) => { const getleftMenuBadge = (name: string) => {
const tagOne = { const tagOne = {
recommend: { show: false, text: '荐' }, recommend: { show: false, text: '荐' },
@ -400,6 +399,9 @@ const openTopMune = () => {
} }
.fes-popper-wrapper { .fes-popper-wrapper {
z-index: 9999 !important; z-index: 9999 !important;
overflow: scroll;
scrollbar-width: thin;
height: 100vh;
} }
} }
.layout-logo { .layout-logo {
@ -501,4 +503,20 @@ const openTopMune = () => {
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
} }
.badge-group {
left: 1px;
flex-direction: column;
top: 2px;
}
@media (max-width: 900px) {
.badge-group {
left: -3px;
top: -4px;
}
.tag-fbdge[data-v-470f55ee] {
scale: 0.8;
margin-bottom: -5px;
margin-top:0px;
}
}
</style> </style>