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

feat: support print page

Browse Source
This commit is contained in:
pengzhanbo 2023-12-30 08:15:59 +08:00
parent d7b5abb6e6
commit 2ab6ae2b1c
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
theme/src/client/components/PageAside.vue
View File

@ -28,6 +28,10 @@ function handleClick({ target: el }: Event) {
)
heading?.focus()
}
function handlePrint() {
window.print()
}
</script>
<template>
@ -42,7 +46,7 @@ function handleClick({ target: el }: Event) {
<div class="outline-title">
<span>{{ theme.outlineLabel || 'On this page' }}</span>
<IconPrint class="icon" />
<IconPrint class="icon" @click="handlePrint" />
</div>
<nav aria-labelledby="doc-outline-aria-label">
@ -89,7 +93,7 @@ function handleClick({ target: el }: Event) {
left: -1px;
z-index: 0;
opacity: 0;
width: 1px;
width: 2px;
height: 18px;
background-color: var(--vp-c-brand-1);
transition: top 0.25s cubic-bezier(0, 1, 0.5, 1), background-color 0.5s,
@ -109,5 +113,6 @@ function handleClick({ target: el }: Event) {
width: 1em;
height: 1em;
font-size: 1.2em;
cursor: pointer;
}
</style>