更新记录

v1.5（2020-05-20）

新增关闭方法

v1.4（2020-05-19）

新增监听返回键关闭弹框 优化兼容iphone x 样式

v1.3（2020-05-08）

更新提示提示框样式

平台兼容性

插件特点

1.简单易用,导入即用。 2.无须而外配置。 3.自定义灵活度高 4.全局使用，原始用法。 5.代码量少，原生渲染。

options参数说明

使用方式

在main.js 引入G_show_modal并挂载全局

import G_show_modal from '@/components/G_show_modal/g_show_modal.js'
Vue.use(G_show_modal)

在页面上使用：

    onLoad() {
          this.$showModal({concent:'测试测试~'}).then(res=>{
            console.log(res);
            //确认
          }).catch(res=>{
            //取消
            console.log(res);
          })
        }

nvue使用方式：

app.vue的onLaunch方法加上

uni.$showModal = function(op={}) {
return new Promise((resolve, reject) => {
    let ssm=new sj_show_modal({
            ...op,
            $event:function(e){
                if(e.res){
                resolve(e);
                }else{
                reject(e);
                }
            }
        })
        ssm.show();
        uni.$hide=function(){
           ssm.hide();
        }
    })
}

nvue页面上使用

uni.$showModal({
                concent: '测试测试~uin',
                delCancel: true,
                confirmVal: '知道了',
                align: 'left'
            }).then(res => {

            })

注意：该插件暂时只支持app端。