# 提示框 Alert 提示框
提示框,对话框组件
# 示例代码
- 基本使用
wxml:
<via-alert id="alert" />
js:
this.selectComponent('#alert').alert({title: 'Via UI', okText: '加油💪🏻', content: '你所看到的是via用心呈现的'})
this.selectComponent('#alert').confirm({okText: '是的', cannelText: '否', content: '准备使用 Via UI ?'})
<!-- 数组形式 -->
const content = ['周一 09:00', '周一 09:00', '周一 09:00']
this.selectComponent('#alert').alert({title: '我是标题', okText: '我知道了', content, style: "line-height: 60rpx;text-align: center"})
# 属性
| 属性 | 说明 | 类型 | 默认值 | 备注 |
|---|---|---|---|---|
| title | 标题 | String | '' | |
| maskClosable | 点击遮罩是否可以关闭 | Boolean | false | |
| content | 提示内容 | String | '' | |
| contentIsArray | 提示是否为数组形式 | Boolean | false | |
| mask | 是否开启蒙层遮罩 | Boolean | true | |
| alertConfirm | 是否为对话框 | Boolean | false | |
| cannel | 取消按钮显示 | Boolean | true | |
| ok | 确认按钮显示 | Boolean | true | |
| cannelText | 取消按钮文案 | String | 取消 | |
| okText | 确认按钮文案 | String | 确认 | |
| okColor | 确认按钮颜色 | String | #FF5100 | |
| opacity | 蒙层透明度 | Boolean | true | |
| style | 样式 | String | '' |
# 外部样式类
| 类名 | 说明 | 备注 |
|---|---|---|
| - | - | - |
# 插槽
| 名称 | 说明 | 备注 |
|---|---|---|
| alert | 提示框自定义插槽 | - |
| confirm | 对话框自定义插槽 | - |
# 事件
| 名称 | 说明 | 返回值 | 备注 |
|---|---|---|---|
# 说明
建议使用 selectComponent 的方式