谈谈微信小程序request接口的封装,实现给循环列表添加点击样式

9158APP 0

谈谈微信小程序request接口的封装,实现给循环列表添加点击样式

2017年12月5日,嗨小程序获悉,迪拜旅游局宣布“迪拜城市体验”微信小程序正式上线。迪拜成为首个进入“城市体验”小程序的海外目的地。 “迪拜城市体验”小程序向游客展示了迪拜丰富的旅游信息,详细介绍了迪拜的文化历史和30个知名景点,包括图片、推荐游览时长、营业时间、查询方式、位置等信息。用户可以通过查看并单击交互式地图来获取信息,每个景点都有音频指南。截至2017年第三季度,中国赴迪拜游客年增长率高达49%,达到57.3万人次,在迪拜入境旅游客源市场中排名第五。

1:小程序请求接口的封装

小程序请求接口的封装(本质上是再次回调请求回调函数)

调用方法

二实现给循环列表添加点击样式

微信小程序有一个属性hover-class=’active’,意思是当点击列表元素并按下鼠标左键时,会显示active样式,但是当鼠标离开时又恢复样式。您可以参考以下解决方案,直接输入代码:

wxml:

js 文件:

核心点:class="tags-item

{{dateCurrent==item.id?’active-tag’:”}}”在模板文件中使用三元运算符,通过dateCurrent指定当前item的id。