小編給大家分享一下小程序使用微信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 提供兩個<slot>節(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 相同。

<slide-view class="slide" width="320" height="100" slideWidth="200">
  <view slot="left">這里是插入到組內(nèi)容</view>
  <view slot="right">
    <view>標(biāo)為已讀</view>
    <view>刪除</view>
  </view>
</slide-view>

參數(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è)資訊頻道！

標(biāo)題名稱：小程序使用微信SlideView組件的方法-創(chuàng)新互聯(lián)
標(biāo)題鏈接：http://www.rwnh.cn/article28/copejp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站排名、靜態(tài)網(wǎng)站、外貿(mào)網(wǎng)站建設(shè)、外貿(mào)建站、Google、網(wǎng)站營銷

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)