|
導讀微信小程序,簡稱小程序,英文名Mini Program,是一種不需要下載安裝即可使用的應(yīng)用,它實現(xiàn)了應(yīng)用“觸手可及”的夢想,用戶掃一掃或搜一下即可打開應(yīng)用。小程序是一種不用下載就能使用的應(yīng)用,也是一... 微信小程序,簡稱小程序,英文名Mini Program,是一種不需要下載安裝即可使用的應(yīng)用,它實現(xiàn)了應(yīng)用“觸手可及”的夢想,用戶掃一掃或搜一下即可打開應(yīng)用。小程序是一種不用下載就能使用的應(yīng)用,也是一項門檻非常高的創(chuàng)新,經(jīng)過將近兩年的發(fā)展,已經(jīng)構(gòu)造了新的小程序開發(fā)環(huán)境和開發(fā)者生態(tài)。 本篇文章給大家?guī)淼膬?nèi)容是關(guān)于微信小程序如何使用微信SlideView組件(附示例),有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。微信小程序仿微信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é)點,用于承載組件引用時提供的子節(jié)點。left 節(jié)點用于承載靜止時 slide-view 所展示的節(jié)點,此節(jié)點的寬高應(yīng)與傳入 slide-view 的寬高相同。right 節(jié)點用于承載滑動時所展示的節(jié)點,其寬度應(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>標為已讀</view>
<view>刪除</view>
</view>
</slide-view>參數(shù)說明:
運行效果
其他slide-view項目地址:https://github.com/wechat-min... 以上就是微信小程序如何使用微信SlideView組件(附示例)的詳細內(nèi)容,更多請關(guān)注php中文網(wǎng)其它相關(guān)文章! 小程序是一種不需要下載安裝即可使用的應(yīng)用,它實現(xiàn)了應(yīng)用“觸手可及”的夢想,用戶掃一掃或者搜一下即可打開應(yīng)用。 |
溫馨提示:喜歡本站的話,請收藏一下本站!