dw-toast v1.0.2

dw-toast

搜索“大王模板”查看全部页面模板 每天一款新模板，有需求请留言，优先安排需求较多的模板

使用说明

可以直接下载示例代码，里面有完整的示例 1. pages.json 中配置 easycom

{
  "easycom": {
    "^dw-(.*)": "dw-$1/components/dw-$1/dw-$1.vue"
  }
}

2. 页面中引用

// template
<view>
  <dw-toast ref="toast"></dw-toast>
</view>
// 调用
this.$refs.toast.show({
  title: '提示窗',
  title: '提示窗\n换行',
  wxml: ` // 自定义模板，使用 wxml 时，将会忽略 title
    <view>
      <view className="custom">提示标题</view>
      <view style="color: #fff; font-size: 40rpx;">
        <text>哈哈哈\n换行展示</text>
        <text style="color: #f0f;">高亮展示</text>
      </view>
    </view>
  `,
  duration: 1500, // 提示的时长, 默认 1500
  mask: false, // 是否显示透明遮罩 防止触摸穿透
  success: () => {},
  fail: () => {},
  complete: () => {}
})

3. 注意事项（非常重要）

• wxml 必有有一个根节点，同时要注意标签闭合，否则可能会解析失败