更新记录
0.0.1(2021-01-27)
初始版本
平台兼容性
uni-app
app-vue |
app-nvue |
app-android |
app-ios |
? |
? |
? |
? |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
? |
? |
? |
? |
? |
? |
? |
? |
? |
uni-app x
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
插件安装
将组件放在自己的组件库里导入即可
导入:
import imgUpload from '@/components/liky-alert/liky-alert.vue';
属性
属性名 |
类型 |
介绍 |
默认值 |
v-model |
Boolean |
是否显示提示框 |
false |
title |
String |
提示框标题 |
提示 |
content |
String |
提示框内容 |
|
buttons |
Array |
提示框按钮 |
已经设置默认值 |
maskClose |
Boolean |
点击提示框外部区域是否关闭提示框 |
true |
buttons设置
属性名 |
类型 |
介绍 |
text |
String |
按钮名称 |
color |
String |
按钮颜色 |
事件
事件称名 |
说明 |
返回参数 |
confirm |
按钮点击触发事件 |
按钮下标 |
示范代码
<template>
<modalAlert v-model="showModal" :title="mTitle" :content="mContent" :buttons="mBtns" @confirm="confirm" />
</template>
<script>
import modalAlert from '@/components/liky-alert/liky-alert.vue';
export default {
components: {
modalAlert
},
data() {
return {
showModal: false,
mTitle: '提示',
mContent: '即将退出单据编辑,请问是否保存?',
mBtns: [
{ text:'取消'},
{ text:'保存并退出', color:'#19be6b' },
{ text:'直接退出', color:'#2db7f5' }
]
}
},
methods: {
confirm: function(index) {
this.showModal = false;
console.log(index)
},
}
}
</script>