溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下小程序使用微信SlideView組件的方法，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
微信小程序仿微信SlideView組件。
使用
1、安裝 slide-view
從小程序基礎庫版本 2.2.1 或以上、及開發者工具 1.02.1808300 或以上開始，小程序支持使用 npm 安裝第三方包。
npm install --save miniprogram-slide-view
2、在需要使用 slide-view 的頁面 page.json 中添加 slide-view 自定義組件配置
{
"usingComponents": {
"slide-view": "miniprogram-slide-view"
}
}3、WXML 文件中引用 slide-view
每一個 slide-view 提供兩個<slot>節點，用于承載組件引用時提供的子節點。left 節點用于承載靜止時 slide-view 所展示的節點，此節點的寬高應與傳入 slide-view 的寬高相同。right 節點用于承載滑動時所展示的節點，其寬度應于傳入 slide-view 的 slideWidth 相同。
<slide-view class="slide" width="320" height="100" slideWidth="200"> <view slot="left">這里是插入到組內容</view> <view slot="right"> <view>標為已讀</view> <view>刪除</view> </view> </slide-view>
參數說明：
width：Number類型，默認值顯示屏幕的寬度，slide-view組件的寬度
height：Number類型，默認值0，slide-view組件的高度
slide-width：Number類型，默認值0，滑動展示區域的寬度（默認高度與slide-view相同）
運行效果
以上是“小程序使用微信SlideView組件的方法”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
