更新记录

1.1.7.2（2020-12-18） 下载此版本

1.1.7.2

说明文档更新，增加部分代码注释

1.1.7.1（2020-10-22） 下载此版本

1.1.7.1

删除无效文件,消息动画优化

1.1.7（2020-10-15） 下载此版本

1.1.7

新增居中，底部显示方案,解决不同位置展示需求

平台兼容性

小巧灵活的全局message toast 消息提示

全局message toast 消息提示 自定义扩展强,默认icon为uni官方icon(如需添加其他icon可自行扩展)

使用说明

组件引入

man.js

import Vue from 'vue'
import App from './App'

import message from '@/components/quick-message/quick-message.vue'
Vue.component('quick-message',message);

或者pages.json

{
    "easycom": {
            "^quick-(.*)": "@/components/quick-$1/quick-$1.vue"
    },
    "pages": [...],
    ...
}

2种引入方式任选一种都可以

vm引入

<template>
 <view>
   <view @click="showMessage">show</view>
   <!-- 全局message组件 -->
   <quick-message ref="message"></quick-message>
 </view>
</template>
<script>
export default {
        data() {
            return {
              ...
            }
        },
        methods:{
            showMessage(){ //显示message
                    this.$refs.message.show({
                            type:'default', //String 默认default
                            msg:'点击了消息提示窗', //String 显示内容 *
                            direction:'top', //String 默认顶部显示
                            icon:true, //Boolean|String 显示icon(false/true/string 默认显示icon)
                            mask:true, //Boolean 遮罩（默认false没有遮罩）
                            time:5000, //Number|Boolean 默认3000/false为不自动关闭
                            customStyle:{ //自定义样式
                                    color:'#FFFFFF', //字体图标色
                                    backgroundColor:'rgba(0,0,0,.5)' //背景色
                            }, 
                            iconSize: 16, //Number 自定义icon大小(单位px 默认16 设置后会覆盖自定义样式里的设置优先级最高)
                            iconColor: '', //String icon颜色(默认主题颜色 设置后会覆盖自定义样式里的设置优先级最高)
                    })
                }
        }
}
</script>
...

如果想扩展icon可在icon处输入icon name 支持uni官方icon 官方icon链接：https://uniapp.dcloud.io/component/icon

基本使用

    this.$refs.message.show({
         msg:'点击了0下'
    })

API

如你想查看更详细的内容可点击前往github uni-message仓库 这里保持最新版提交以及版本记录。

图片 Images

License

MIT

End