更新记录

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

app-android app-ios
? ?
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>

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问