更新记录

1.0（2022-05-19） 下载此版本

notify

1（2022-05-19） 下载此版本

notify组件

平台兼容性

uni-app

其他

只能用于vue3，平台兼容性是乱选的 除了vue2 或许都可以用

1.引入组件

//全局引入 main.js/ts
import notify from './components/nanmuye-notify/index.vue'

export function createApp() {
    const app = createSSRApp(App);
    app.component('notify',notify)
    return {
        app,
    };
}

//组件内引入
import notify from '../components/nanmuye-notify/index.vue'

2.页面中引用及使用

<template>
    <view>
        ...
    </view>
    <notify ref="notifyRef"></notify>
</template>
<script setup>
    import {
        ref
    } from "vue";
    import {
        onReady
    } from "@dcloudio/uni-app";
    const notifyRef = ref(null)
    //使用
    onReady(() => {
        notifyRef.value.notify({
            text:'提示',
            duration:2000,//多久关闭 不填默认2000ms
            type:'success',//提供四种：success，warning，error，primary 填入其他或不填为灰色info
            color:'#fff'//自定义color 没有做正则验证 #fff或rgba(255,255,255,1)这种都行 自己不要写错，有color,type失效
        })
     });
</script>