更新记录

1.0.3（2024-08-21） 下载此版本

更新说明文档

1.0.2（2024-08-21） 下载此版本

更新文档

1.0.1（2024-08-21） 下载此版本

更新文档

平台兼容性

uni-app

uni-app x

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('提示窗')
   this.$refs.toast.show('提示窗\n换行')
   // 全部 API
   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 必有有一个根节点，同时要注意标签闭合，否则可能会解析失败