gitea-yuany3721/vuepress-theme-plume
1
0
Fork 1
mirror of https://github.com/pengzhanbo/vuepress-theme-plume.git synced 2026-04-23 10:58:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

perf: 更新 externalLinkIcon 样式

Browse Source
This commit is contained in:
pengzhanbo 2023-12-27 14:30:03 +08:00
parent db5220a015
commit 0244f6886f
3 changed files with 22 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.vscode/settings.json vendored
View File

@ -27,6 +27,7 @@
"portfinder",
"shiki",
"shikiji",
"taze",
"Tongji",
"tsbuildinfo",
"vite",

19
theme/src/client/components/global/ExternalLinkIcon.vue Normal file
View File

@ -0,0 +1,19 @@
<script lang="ts" setup>
import IconExternalLink from '../icons/IconExternalLink.vue'
</script>
<template>
<IconExternalLink class="external-icon" />
</template>
<style scoped>
.external-icon {
position: relative;
display: inline-block;
color: var(--vp-c-text-3);
vertical-align: middle;
top: 1px;
width: 0.8em;
height: 0.8em;
}
</style>

2
theme/src/client/config.ts
View File

@ -3,6 +3,7 @@ import './styles/index.scss'
import { defineClientConfig } from '@vuepress/client'
import { h } from 'vue'
import Badge from './components/global/Badge.vue'
import ExternalLinkIcon from './components/global/ExternalLinkIcon.vue'
import { setupDarkMode, useScrollPromise } from './composables/index.js'
import Layout from './layouts/Layout.vue'
import NotFound from './layouts/NotFound.vue'
@ -12,6 +13,7 @@ export default defineClientConfig({
// global component
app.component('Badge', Badge)
app.component('ExternalLinkIcon', ExternalLinkIcon)
app.component('DocSearch', () => {
const SearchComponent