亚洲国产精品成人无码区,公天天吃我奶躁我的比视频,亚洲国产欧美视频亚洲国产精品一区二区成人片不卡,天天躁日日躁狠狠躁视频2021,起视碰看97视频在线少妇久久久久久人妻无码, 芒果乱码一线二线三线新区 ,亚洲熟妇无码AⅤ不卡在线播放,人妻少妇乱子伦无码专区

400-800-9385
網(wǎng)站建設(shè)資訊詳細(xì)

小程序開發(fā)swiper如何實現(xiàn)點擊圖片自定義跳轉(zhuǎn)

發(fā)表日期:2018-04-26 16:51:39   作者來源:方維網(wǎng)絡(luò)   瀏覽:14897   標(biāo)簽:小程序    
swiper是微信小程序自帶的一個圖片輪播組件,跟我們做網(wǎng)站用的圖片切換插件一樣,用于輪播展示圖片,可以展示應(yīng)用功能、優(yōu)勢特色、優(yōu)惠推薦、活動推薦信息等,一般用于應(yīng)用最顯眼的地方,放置最需要推薦給用戶的內(nèi)容。

小程序swiper插件

先看看這個插件的屬性介紹,很多用戶發(fā)現(xiàn)一個問題,為什么沒有單個點擊事件呢?或者點擊某個圖片跳轉(zhuǎn)到其他頁面呢?看下圖。

swiper屬性介紹

那么如何實現(xiàn)點擊不同的切換圖片,實現(xiàn)調(diào)整不同頁面呢?

因為這些經(jīng)常需要改變的肯定要做成后臺修改,由后臺指定頁面的跳轉(zhuǎn)地方,因為小程序跟網(wǎng)頁不一樣,沒有直接顯示頁面地址,所以管理人員不知道哪個頁面是哪個地址,這時,開發(fā)人員應(yīng)該注意到這個問題,做一些封裝讓管理人員選擇而不是填寫,避免出錯,如下圖。

swiper后臺跳轉(zhuǎn)設(shè)置

跳轉(zhuǎn)對應(yīng)地址

后臺設(shè)置好后,就可以根據(jù)傳入的URL實現(xiàn)跳轉(zhuǎn),現(xiàn)在看看前端怎么實現(xiàn)。

小程序前端實現(xiàn)swiper

如上圖,在圖片image里設(shè)置bindtap點擊事件,同事綁定dataset屬性url

然后小程序JS事件判斷進行跳轉(zhuǎn),首先是判斷是不是TAB頁面,如果是采用switchTab否則用navigateTo.

小程序JS跳轉(zhuǎn)

通過以上介紹,基本就完成了小程序swiper組件進行自定義頁面跳轉(zhuǎn)的功能實現(xiàn)。

方維網(wǎng)絡(luò)專注于微信小程序定制開發(fā),如果你有想法,方維網(wǎng)絡(luò)助你實現(xiàn)把握微信千億流量紅利。
如沒特殊注明,文章均為方維網(wǎng)絡(luò)原創(chuàng),轉(zhuǎn)載請注明來自http://www.oulysa.com/news/4278.html
日产精品国产精品日韩精品乱码| 91人妻人人澡人人爽人人精品| 亚洲AV成人无码久久精品老人| 日韩精品极品视频在线观看免费| 亚洲精品国产一区二区三在线观看| 国产日韩无码一区二区三区久久区| 国产人与禽zoz0性伦多活几年| 日本免费a级片qq视频| 亚洲国产精品免费无码| 日本高清不卡中文字幕视频| 91精品国产乱码久久无码| 欧美va亚洲va日韩va| 波多野结衣亚洲AV无码无在线观看| 亚洲综合久久成人AV| 乱伦日本精品自拍| 一级做a爱片久久毛片美图片| 久久精品无限资源好片| 午夜自产精品一区二区三区演员| 国产丝袜无码一区二区视频| 久久人午夜亚洲精品无码区| 14又嫩又紧水又多| 国产杨幂福利AV在线播放 | 成人无遮挡裸免费视频在线观看| 午夜性刺激免费看视频| 好吊色国产欧美日韩免费观看| 欧美日韩图片一区二区三区| 一区二区日韩欧美中文字幕西野翔| 欧美人善z0zo性伦交高清| 和两个美丽的老师双飞| 国产精品黄片永久观看| 香蕉日日精品一区二区三区| 国语对白露脸XXXXXX,亚州av综合色区无码一区| 亚洲精品中文字幕乱码三区不卡| 久久香蕉国产线看观看精品yw| 久久一区二区免费播放| 亚洲精品成a人在线观看| 日韩AV无码中文一区二区三区| 亚洲国产欧美日韩另类| 无码人妻AⅤ一区二区三区水密桃| 国产激情精品一区二区三区| 精品久久久久久久久久免费影院8|