github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-05-01 07:42:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: polish names and descriptions on the marketplace page (#305)

Browse Source
This commit is contained in:
Fine0830 2023-07-24 11:21:21 +08:00 committed by GitHub
parent 90505810ab
commit 1e55eb2029
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/views/Marketplace.vue
View File

@ -25,10 +25,10 @@ limitations under the License. -->
> >
<router-link :to="menu.hasGroup ? '' : menu.path || ''"> <router-link :to="menu.hasGroup ? '' : menu.path || ''">
<div class="title" :class="menu.activate ? (menu.hasGroup ? '' : 'actived-font') : 'disabled'"> <div class="title" :class="menu.activate ? (menu.hasGroup ? '' : 'actived-font') : 'disabled'">
{{ t(menu.i18nKey) }} {{ te(menu.i18nKey) ? t(menu.i18nKey) : menu.title }}
</div> </div>
</router-link> </router-link>
<div class="mt-10"> {{ t(menu.descKey) }} </div> <div class="mt-10"> {{ te(menu.descKey) ? t(menu.descKey) : "" }} </div>
<el-link :href="menu.documentLink" target="_blank" class="link" v-show="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>
@ -37,9 +37,11 @@ limitations under the License. -->
<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">
<router-link :to="item.path || ''"> <router-link :to="item.path || ''">
<div class="title" :class="item.activate ? 'actived-font' : 'disabled'"> {{ t(item.i18nKey) }}</div> <div class="title" :class="item.activate ? 'actived-font' : 'disabled'">
{{ te(item.i18nKey) ? t(item.i18nKey) : item.title }}
</div>
</router-link> </router-link>
<div class="mt-10"> {{ t(item.descKey) }} </div> <div class="mt-10"> {{ te(item.descKey) ? t(item.descKey) : "" }} </div>
<el-link :href="item.documentLink" target="_blank" class="link" v-show="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>
@ -54,7 +56,7 @@ limitations under the License. -->
import { useAppStoreWithOut } from "@/store/modules/app"; import { useAppStoreWithOut } from "@/store/modules/app";
import type { MenuOptions } from "@/types/app"; import type { MenuOptions } from "@/types/app";
const { t } = useI18n(); const { t, te } = useI18n();
const appStore = useAppStoreWithOut(); const appStore = useAppStoreWithOut();
const currentItems = ref<MenuOptions>(appStore.allMenus[0] || {}); const currentItems = ref<MenuOptions>(appStore.allMenus[0] || {});