my-link增加是否加粗配置

zhontai · Dec 10, 2024 · 4042c3f · 4042c3f
1 parent 92365bd
commit 4042c3f
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/ui/zhontai.ui.admin.vue3/src/components/my-link/index.vue b/ui/zhontai.ui.admin.vue3/src/components/my-link/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-link type="primary" :underline="false" :href="href" @click.prevent.stop="onToPage()">
+  <el-link :class="{ 'my-link--bold': bold }" type="primary" :underline="false" :href="href" @click.prevent.stop="onToPage()">
     <slot> </slot>
   </el-link>
 </template>
@@ -11,6 +11,8 @@ import { useRouter } from 'vue-router'
 const router = useRouter()
 const model = defineModel({ type: Object })
 
+const bold = defineModel('bold', { type: Boolean, default: false })
+
 const href = computed(() => {
   const { href } = router.resolve({
     path: model.value.path,
@@ -28,4 +30,8 @@ const onToPage = () => {
 }
 </script>
 
-<style scoped lang="scss"></style>
+<style scoped lang="scss">
+.my-link--bold {
+  font-weight: 600;
+}
+</style>