1. 程式人生 > 其它 >線上直播原始碼,對話方塊左滑顯示刪除按鈕

線上直播原始碼,對話方塊左滑顯示刪除按鈕

線上直播原始碼,對話方塊左滑顯示刪除按鈕實現的相關程式碼

1.首先需要在我們的app.json檔案指定需要引用的擴充套件庫

 


 "useExtendedLib": {
    "weui": true
  },

 2.在頁面的 json 檔案加入 usingComponents 配置欄位

 


{
  "usingComponents": {
    "mp-slideview": "weui-miniprogram/slideview/slideview"
  }
}

 

3.在對應頁面的wxml頁面中使用此元件

 


   用mp-slideview元件包裹住。item的佈局。則item整體可以實現左滑刪除功能。給元件加上對應的事件處理函式bindbuttontap,則對應左滑點選刪除後的事件處理
  <mp-slideview wx:for="{{fpList}}" show="{{false}}" buttons="{{slideButtons}}" bindbuttontap="slideButtonTap">
    <!-- 每個item的view -->
    <view class="column itemPad whiteBg borbottom " style="width:100%;justify-content: space-between;">
    </view>
  </mp-slideview>

以上就是 線上直播原始碼,對話方塊左滑顯示刪除按鈕實現的相關程式碼,更多內容歡迎關注之後的文章