原生微信小程序自定义弹框组件

微信小程序自定义弹框组件

由于微信小程序自带的toast及model都有很大的限制,很多产品对弹框的要求是多样化的,于是自己动手封装实现一组弹框功能。该组件只是提供一种实现方式,对样式不满意可自行修改。

实现效果图

  • toast
    原生微信小程序自定义弹框组件_第1张图片
  • model
    -原生微信小程序自定义弹框组件_第2张图片
  • loading
    原生微信小程序自定义弹框组件_第3张图片

开发者工具查看效果

如何使用

1、在需要使用的页面引入wxss

@import '../component/wx-layer/wx-layer.wxss';

2、wxml引入模块