0.0.8-beta.18 • Published 1 year ago
princess-ui v0.0.8-beta.18
princess-ui
pnpm i princess-ui
安装
全部安装
import PrincessUI from "princess-ui"
import "princess-ui/theme-chalk/index.css"
...
app.use(PrincessUI)
按需使用
使用unplugin-vue-components
插件
import Components from "unplugin-vue-components/vite"
import PrincessResolver from "princess-ui/PrincessResolver"
...
Components({
resolvers: [PrincessResolver()],
}),
...
使用umd
- 全量使用
- 按需使用
<script src="https://unpkg.com/vue@next"></script>
<script src="https://cdn.jsdelivr.net/npm/princess-ui@0.0.8-beta.3/lib/tree/index.umd.js"></script>
<link href="https://cdn.jsdelivr.net/npm/princess-ui@0.0.8-beta.3/theme-chalk/ps-tree.css" rel="stylesheet">
<div id="app">
<div>11</div>
<div>{{value}}</div>
<ps-tree :list="list">
<template #default="{ data, deep }">
<div :style="{
marginLeft: deep * 10 + 'px',
'position': 'relative',
zIndex: 10
}">
{{ data.isFolder }}-{{ data.title }} 11-22 {{ deep * 10 + 'px' }}
</div>
</template>
</ps-tree>
</div>
<script>
const app = Vue.createApp({
setup() {
const list = Vue.ref(psTree.convertTreeData([
{
key: 1,
title: "1",
children: [
{
key: 5,
title: "5",
children: []
},
]
},
{
key: 2,
title: "2"
},
{
key: 3,
title: "3"
},
]))
return {
value: "123",
list
}
}
}).use(psTree).mount('#app')
</script>
0.0.8-beta.18
1 year ago
0.0.8-beta.16
1 year ago
0.0.8-beta.17
1 year ago
0.0.8-beta.15
1 year ago
0.0.8-beta.9
2 years ago
0.0.8-beta.6
2 years ago
0.0.8-beta.5
2 years ago
0.0.8-beta.14
2 years ago
0.0.8-beta.8
2 years ago
0.0.8-beta.7
2 years ago
0.0.8-beta.12
2 years ago
0.0.8-beta.13
2 years ago
0.0.8-beta.10
2 years ago
0.0.8-beta.11
2 years ago
0.0.8-beta.4
2 years ago
0.0.8-beta.3
2 years ago
0.0.8-beta.2
2 years ago
0.0.8-beta.1
2 years ago
0.0.8-beta
2 years ago
0.0.6
2 years ago
0.0.5
2 years ago
0.0.4
2 years ago
0.0.3
2 years ago
0.0.2
2 years ago
0.0.1
2 years ago