0.7.0 • Published 12 months ago
@ldesign/site-component v0.7.0
提示:推荐使用https://www.npmjs.com/package/@ldesign/stencil-component,一个基于
stencil
的wencomponent的文档组件库。
基于hybrids
的一套 webcomponent 组件库,用于跨多端的文档组件库,在examples
中包含一套基于vue2
的文档实现代码,安装之后可自行查看用法。
源码请参阅src
目录。
预览地址
使用示例
<script lang="ts">
import { computed, defineComponent, onMounted, ref } from '@vue/composition-api'
import { docs } from '../../site.config'
export default defineComponent({
setup(_props, ctx) {
const loaded = ref(false)
const header = ref<any>(null)
const aside = ref<any>(null)
const contentStyle = computed(() => ({
visibility: loaded.value ? 'visible' : 'hidden',
}))
const contentLoaded = (callback: () => void) => {
requestAnimationFrame(() => {
loaded.value = true
callback()
})
}
onMounted(() => {
header.value.framework = 'vue'
aside.value.routerList = docs
aside.value.onchange = ({ detail }: any) => {
if (ctx.root.$route.path !== detail) {
loaded.value = false
ctx.root.$router.push(detail)
window.scrollTo(0, 0)
}
}
})
return {
loaded,
header,
aside,
contentStyle,
contentLoaded,
}
},
})
</script>
<template>
<ldesign-page>
<ldesign-header
slot="header"
ref="header"
/>
<ldesign-aside
ref="aside"
title="Vue2 for Desktop"
/>
<router-view
:style="contentStyle"
@loaded="contentLoaded"
/>
</ldesign-page>
</template>
0.7.0
12 months ago
0.6.7
1 year ago
0.6.6
1 year ago
0.5.4
1 year ago
0.5.3
1 year ago
0.5.5
1 year ago
0.5.0
1 year ago
0.5.2
1 year ago
0.5.1
1 year ago
0.6.3
1 year ago
0.6.2
1 year ago
0.6.5
1 year ago
0.6.4
1 year ago
0.6.1
1 year ago
0.6.0
1 year ago
0.4.20
1 year ago
0.4.21
1 year ago
0.4.9
1 year ago
0.4.8
1 year ago
0.4.22
1 year ago
0.4.23
1 year ago
0.3.10
1 year ago
0.4.19
1 year ago
0.4.10
1 year ago
0.4.18
1 year ago
0.4.15
1 year ago
0.4.16
1 year ago
0.4.12
1 year ago
0.3.0
1 year ago
0.4.5
1 year ago
0.3.6
1 year ago
0.3.5
1 year ago
0.2.6
1 year ago
0.4.7
1 year ago
0.3.8
1 year ago
0.4.6
1 year ago
0.3.7
1 year ago
0.4.1
1 year ago
0.3.2
1 year ago
0.4.0
1 year ago
0.4.3
1 year ago
0.4.2
1 year ago
0.3.3
1 year ago
0.2.1
2 years ago
0.2.3
2 years ago
0.2.2
2 years ago
0.0.3
2 years ago
0.2.0
2 years ago
0.0.5
2 years ago
0.0.4
2 years ago
0.0.2
2 years ago
0.0.1
2 years ago
0.0.0
2 years ago