47 lines
970 B
Vue
47 lines
970 B
Vue
<script setup>
|
|
import { NButton, NSpace, NIcon } from "naive-ui";
|
|
import PlayCircle from '@/assets/svgs/PlayCircle.svg'
|
|
</script>
|
|
<template>
|
|
<NSpace>
|
|
<NButton>
|
|
<template #icon>
|
|
<n-icon>
|
|
<PlayCircle/>
|
|
</n-icon>
|
|
</template>
|
|
NIcon 按钮
|
|
</NButton>
|
|
<NButton>
|
|
<template #icon>
|
|
<n-icon>
|
|
<svg-icon name="PlayCircle"></svg-icon>
|
|
</n-icon>
|
|
</template>
|
|
svg-sprite-loader 按钮
|
|
</NButton>
|
|
<NButton text style="font-size: 40px">
|
|
<!-- <template #icon> -->
|
|
<n-icon>
|
|
<svg-icon name="Dots" />
|
|
</n-icon>
|
|
<!-- </template> -->
|
|
svg-sprite-loader 按钮
|
|
</NButton>
|
|
<NButton>
|
|
<template #icon>
|
|
<n-icon>
|
|
<svg-icon name="PlayCircle"></svg-icon>
|
|
</n-icon>
|
|
</template>
|
|
svg-sprite-loader 按钮
|
|
</NButton>
|
|
</NSpace>
|
|
</template>
|
|
|
|
<script>
|
|
export default {};
|
|
</script>
|
|
|
|
<style></style>
|