github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-05-13 08:17:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add link

Browse Source
This commit is contained in:
Fine 2023-07-11 16:37:05 +08:00
parent 07636c60c4
commit c0932d451d
1 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/views/marketplace/Menus.vue
View File

@ -23,18 +23,22 @@ limitations under the License. -->
@click="handleItems(menu)" @click="handleItems(menu)"
:class="currentItems.name === menu.name ? 'active' : ''" :class="currentItems.name === menu.name ? 'active' : ''"
> >
<div class="title"> {{ menu.title }}</div> <router-link :to="menu.hasGroup ? '' : menu.path">
<div class="title" :class="menu.hasGroup ? '' : 'actived-font'"> {{ menu.title }}</div>
</router-link>
<div class="mt-10"> {{ menu.description }} </div> <div class="mt-10"> {{ menu.description }} </div>
<el-link :href="menu.documentLink" target="_blank" class="link" v-if="menu.documentLink"> <el-link :href="menu.documentLink" target="_blank" class="link" v-show="menu.documentLink">
<el-button class="mt-10" size="small" type="primary"> {{ t("document") }} </el-button> <el-button class="mt-10" size="small" type="primary"> {{ t("document") }} </el-button>
</el-link> </el-link>
</el-card> </el-card>
</div> </div>
<div class="mt-10 cards"> <div class="mt-10 cards">
<el-card shadow="hover" v-for="(item, index) in currentItems.subItems || []" :key="index" class="card"> <el-card shadow="hover" v-for="(item, index) in currentItems.subItems || []" :key="index" class="card">
<div class="title"> {{ item.title }}</div> <router-link :to="item.path">
<div class="title actived-font"> {{ item.title }}</div>
</router-link>
<div class="mt-10"> {{ item.description }} </div> <div class="mt-10"> {{ item.description }} </div>
<el-link :href="item.documentLink" target="_blank" class="link" v-if="item.documentLink"> <el-link :href="item.documentLink" target="_blank" class="link" v-show="item.documentLink">
<el-button class="mt-10" size="small" type="primary"> {{ t("document") }} </el-button> <el-button class="mt-10" size="small" type="primary"> {{ t("document") }} </el-button>
</el-link> </el-link>
</el-card> </el-card>
@ -50,7 +54,7 @@ limitations under the License. -->
const { t } = useI18n(); const { t } = useI18n();
const appStore = useAppStoreWithOut(); const appStore = useAppStoreWithOut();
const currentItems = ref<MenuOptions>(appStore.activateMenus[0]); const currentItems = ref<MenuOptions>(appStore.activateMenus[0] || {});
function handleItems(item: MenuOptions) { function handleItems(item: MenuOptions) {
currentItems.value = item; currentItems.value = item;
@ -78,6 +82,10 @@ limitations under the License. -->
font-size: 14px; font-size: 14px;
} }
.actived-font {
color: $active-color;
}
.card { .card {
margin-bottom: 30px; margin-bottom: 30px;
cursor: pointer; cursor: pointer;