自定义小程序弹窗组件

三世轮回 提交于 2020-10-31 05:30:12

自己写的不限制字数的弹窗,因为原生的弹窗限制字数,就无聊写了一个,不是很好,可自行优化。

描述
  小程序弹窗
使用方法
  引入组件相关文件

  
  在使用弹窗的页面引入组件
    <toast id="toast" params="{{params}}"></toast>
  在app.wxss中全局引入组件样式
    @import '/components/toast/toast.wxss
  js中相关
    data中添加params对象
      data: {
        params: {
          success: 'success',
          context: '弹窗',
          time: ''
        }
      }

    onLoad中获取组件引用
      this.toast = this.selectComponent("#toast")
    调用组件显示弹窗的方法
      this.toast.showToast()
API

组件截图

github地址: https://github.com/yueqianjmy/small-toast

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!