消息 message 待优化 待新增

用于提醒用户某些消息

使用说明

简单引入

这是一个全局组件，你需要通过函数去调用它

展开代码

<vi-button @click="appendMessage">点击生成消息框</vi-button>

<script setup>
    import { ViMessage } from 'viog-ui'
    function appendMessage () {
        // 消息内容、显示时间
        ViMessage.append('这是一个消息框', 2000)
    }
</script>

如果不传入message时间，则不会自动消失

展开代码

<vi-button @click="appendMessage2">点击生成消息框</vi-button>

<script setup>
    function appendMessage2 () {
        // 消息内容、显示时间
        ViMessage.append('这是一个不会自动关闭的消息框')
    }
</script>

css变量

变量名	描述	默认值