dialog

实例1(最简化) --- ![TIM图片20200430154200.png](https://cos.easydoc.net/39795389/files/k9mgn36h.png) ```javascript new phoenix.dialog({ title: '你的反馈已成功提交!', onTap: function(index) { // 点击确定并关闭弹框后后执行 } }); ``` 实例2(自定义按钮名称和文字颜色) --- ![TIM图片20200430154742.png](https://cos.easydoc.net/39795389/files/k9mgug9t.png) ```javascript new phoenix.dialog({ title: '你被评选为最佳卫士!', button: [{ name: '我知道了', color: 'color_red' }], onTap: function(index) { // 点击确定并关闭弹框后后执行 } }); ``` 实例3 --- ![TIM图片20200430160916.png](https://cos.easydoc.net/39795389/files/k9mhmeek.png) ```javascript new phoenix.dialog({ title: '是否确认删除?', message: '删除后数据不可恢复,请仔细核对后再操作', button: [{ name: '取消操作' }, { name: '确定删除' }], onTap: function(index) { // 点击取消操作后执行 if(index === 0) { return; }; // 点击确定删除后执行 } }); ``` 实例4(多个自定义选项、自定义文字颜色换行) --- ![TIM图片20200430161443.png](https://cos.easydoc.net/39795389/files/k9mht93w.png) ```javascript new phoenix.dialog({ title: '请选择你的登录方式', message: '手机号加密码登录,手机号加验证码登录<br><span class="color_green">微信</span>快速登录', button: [{ name: '取消登录' }, { name: '微信' }, { name: '手机号' }], onTap: function(index) { if(index === 0) { }; if(index === 1) { }; if(index === 2) { }; } }); ``` 参数 --- |属性|类型|默认值|说明| |-|-|-|-| |title <span style="color:#f00">*</span>|string|-|弹出框标题,必需| |message|string|-|弹框文本副标题,可加简单样式控制| |button|array|{name: '确定',color: 'color_blue'}|按钮数量/文案/颜色<br>默认蓝色"确定"<br>2个按钮以上,第一个按钮默认灰色文字| |onTap|function|-|点击后回调,关闭弹框后执行<br>参数:index,点击的按钮序列号,从0开始|