mirror of
https://github.com/tusen-ai/naive-ui.git
synced 2024-12-21 04:50:14 +08:00
6453b90043
* feat(vite-doc): add vite md plugin * fixed(site-vite): merge conflicts * fix(vite-doc): some bug in vue rerender,use key to advoid * feat(vite-doc): finished doc * fix(vite-doc): import path should be same as normal * chore(vite-doc): remove useless code Co-authored-by: Lecong Zhang <50313260+tskirby@users.noreply.github.com>
63 lines
1.2 KiB
Vue
63 lines
1.2 KiB
Vue
<template>
|
|
<div
|
|
ref="doc"
|
|
class="n-doc"
|
|
style="padding: 150px;"
|
|
>
|
|
<n-button @click="show = !show">
|
|
show
|
|
</n-button>
|
|
<n-button @click="i = 0">
|
|
cash
|
|
</n-button>
|
|
<n-button @click="i = 1">
|
|
contacts
|
|
</n-button>
|
|
<n-button @click="i = 2">
|
|
contacts2
|
|
</n-button>
|
|
<div style="position: relative;">
|
|
<n-base-icon-transition v-if="show">
|
|
<n-icon
|
|
v-if="i === 0"
|
|
:size="60"
|
|
:themed-style="{
|
|
dark: {
|
|
fill: 'white'
|
|
},
|
|
light: {
|
|
fill: 'black'
|
|
}
|
|
}"
|
|
>
|
|
<md-cash />
|
|
</n-icon>
|
|
<n-icon v-else-if="i === 1" :size="60">
|
|
<md-contacts />
|
|
</n-icon>
|
|
<span v-else-if="i === 2" style="display: inline-block;">
|
|
123
|
|
</span>
|
|
</n-base-icon-transition>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import mdCash from 'naive-ui/lib/icons/md-cash.vue'
|
|
import mdContacts from 'naive-ui/lib/icons/md-contacts.vue'
|
|
|
|
export default {
|
|
components: {
|
|
mdCash,
|
|
mdContacts
|
|
},
|
|
data () {
|
|
return {
|
|
i: 0,
|
|
show: false
|
|
}
|
|
}
|
|
}
|
|
</script>
|