找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索本站精品资源

首页 教程频道 小程序开发 查看内容

查看内容 Demo分析学习《一》天气预报:联系人列表锚点

作者:模板之家 2018-4-18 08:40 6496人关注

制作者:天下钞票 demo地址:天气预报:联系人列表锚点 亮点一、wx:if wx:else的使用来制作城市列表 block wx:for={{cityArray}} block wx:if={{item.type==city}} view class=item id={{item.city}} hover=true hov ...

制作者:天下钞票

demo地址:天气预报:联系人列表锚点

 

亮点一、wx:if wx:else的使用来制作城市列表

 

				
  1. <block wx:for="{{cityArray}}">
  2. <block wx:if="{{item.type=='city'}}">
  3. <view class="item" id="{{item.city}}" hover="true" hover-class="scroll-item-hover" bindtap="cityClickEvent">
  4. <text class="city">{{item.city}}</text>
  5. </view>
  6. </block>
  7. <block wx:else>
  8. <view class="index" id="{{item.type}}">
  9. <text class="city">{{item.type}}</text>
  10. </view>
  11. </block>
  12. </block>

配套的城市代码(部分):

 

				
  1. cityArray: [
  2. { "type": "A" },
  3. { "city": "阿坝", "city_en": "Aba", "type": "city" },
  4. { "city": "阿克苏", "city_en": "Akesu", "type": "city" },
  5. { "city": "阿拉尔", "city_en": "Alaer", "type": "city" },
  6. { "city": "阿勒泰",


路过

雷人

握手

鲜花

鸡蛋
原作者: 模板之家 来自: 网络收集

全部回复(0)