小程序request接口的封裝,實(shí)現(xiàn)給循環(huán)列表添加點(diǎn)擊樣式

　　2017年12月5日，hi小程序了解到，迪拜旅游局宣布，“迪拜城市體驗(yàn)”微信小程序正式上線。迪拜成為首批入駐“城市體驗(yàn)”小程序的海外目的地。“迪拜城市體驗(yàn)”小程序?qū)⒌习葚S富的旅行資訊展現(xiàn)給游客，詳細(xì)介紹了迪拜的文化歷史及30個(gè)知名景點(diǎn)，包括圖片、建議游覽時(shí)長(zhǎng)、營(yíng)業(yè)時(shí)間、垂詢方式，以及位置等信息，用戶可以通過(guò)查看并點(diǎn)擊互動(dòng)地圖來(lái)獲取信息，每個(gè)景點(diǎn)配有語(yǔ)音導(dǎo)覽功能。截止2017年第三季度，中國(guó)赴迪拜的游客年增長(zhǎng)率高達(dá)49%，達(dá)到57.3萬(wàn)人次，位居迪拜入境旅游客源市場(chǎng)中第五位。
一：小程序request接口的封裝

小程序request接口的封裝(本質(zhì)上是對(duì)request回調(diào)函數(shù)再次回調(diào))

調(diào)用方法

二：實(shí)現(xiàn)給循環(huán)列表添加點(diǎn)擊樣式

微信小程序有個(gè)屬性hover-class=’active’,是指當(dāng)點(diǎn)擊列表元素時(shí)當(dāng)按下鼠標(biāo)左鍵會(huì)顯示active樣式,但是鼠標(biāo)離開(kāi)樣式就會(huì)復(fù)原.可以參考以下解決方案,直接上代碼:

wxml:

js文件:

核心點(diǎn):class=”tags-item

{{dateCurrent==item.id?’active-tag’:”}}”模板文件中使用三元運(yùn)算符,通過(guò)dateCurrent指定當(dāng)前item的id

　　更多關(guān)于微信小程序開(kāi)發(fā)內(nèi)容，可以多關(guān)注hi小程序。