小編給大家分享一下小程序使用微信SlideView組件的方法，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

為呂梁等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計制作服務(wù)，及呂梁網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為成都做網(wǎng)站、網(wǎng)站設(shè)計、呂梁網(wǎng)站設(shè)計，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會得到認(rèn)可，從而選擇與我們長期合作。這樣，我們也可以走得更遠(yuǎn)！

微信小程序仿微信SlideView組件。

使用

1、安裝 slide-view

從小程序基礎(chǔ)庫版本 2.2.1 或以上、及開發(fā)者工具 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 提供兩個節(jié)點(diǎn)，用于承載組件引用時提供的子節(jié)點(diǎn)。left 節(jié)點(diǎn)用于承載靜止時 slide-view 所展示的節(jié)點(diǎn)，此節(jié)點(diǎn)的寬高應(yīng)與傳入 slide-view 的寬高相同。right 節(jié)點(diǎn)用于承載滑動時所展示的節(jié)點(diǎn)，其寬度應(yīng)于傳入 slide-view 的 slideWidth 相同。

  這里是插入到組內(nèi)容
  
    標(biāo)為已讀
    刪除
  

參數(shù)說明：

• width：Number類型，默認(rèn)值顯示屏幕的寬度，slide-view組件的寬度

• height：Number類型，默認(rèn)值0，slide-view組件的高度

• slide-width：Number類型，默認(rèn)值0，滑動展示區(qū)域的寬度（默認(rèn)高度與slide-view相同）

運(yùn)行效果

以上是“小程序使用微信SlideView組件的方法”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

網(wǎng)頁標(biāo)題：小程序使用微信SlideView組件的方法-創(chuàng)新互聯(lián)
分享鏈接：http://weahome.cn/article/copejp.html