1. 程式人生 > >自定義小程式彈窗元件

自定義小程式彈窗元件

自己寫的不限制字數的彈窗,因為原生的彈窗限制字數,就無聊寫了一個,不是很好,可自行優化。

描述
  小程式彈窗
使用方法
  引入元件相關檔案

  
  在使用彈窗的頁面引入元件
    <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

元件截圖