ni/preview/App.vue
HeXiaoLong:Suanier 278ea57617 feat: 消息Message
1. 增加消息提示组件
2. 优化代码结构
3. 统一导入导出
未来:
1. fix引入图标和字体,优化消息提示的图标和字体显示
2. 优化logo显示字体,引入老宋
2025-05-21 17:59:39 +08:00

17 lines
417 B
Vue

<script setup lang="ts">
import { NiButton, NiLogo, NiConfigProvider, useNiMessage } from 'ni'
const message = useNiMessage()
let i = 0;
const messgeClick = () => {
message.info('ni-message你好' + ++i)
}
</script>
<template>
<NiConfigProvider>
<NiButton>按钮</NiButton>
<NiLogo type="primary" size="large" @click="messgeClick"/>
</NiConfigProvider>
</template>
<style scoped></style>