查看内容Demo分析学习《一》了解联系人列表定位点

来源:未知 浏览 105次 时间 2021-06-09 18:15

制作者:天下钞票

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

 

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

 

<block wx:for="{{cityArray}}">

<block wx:if="{{item.type=='city'}}">

<view class="item" id="{{item.city}}" hover="true" hover-class="scroll-item-hover" bindtap="cityClickEvent">

<text class="city">{{item.city}}</text>

</view>

</block>

<block wx:else>

<view class="index" id="{{item.type}}">

<text class="city">{{item.type}}</text>

</view>

</block>

</block>

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

 

cityArray: [

{ "type": "A" },

{ "city": "阿坝", "city_en": "Aba", "type": "city" },

{ "city": "阿克苏", "city_en": "Akesu", "type": "city" },

{ "city": "阿拉尔", "city_en": "Alaer", "type": "city" },

{ "city": "阿勒泰",

郴州网站seo

制作者:天下钞票

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

 

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

 

<block wx:for="{{cityArray}}">

<block wx:if="{{item.type=='city'}}">

<view class="item" id="{{item.city}}" hover="true" hover-class="scroll-item-hover" bindtap="cityClickEvent">

<text class="city">{{item.city}}</text>

</view>

</block>

<block wx:else>

<view class="index" id="{{item.type}}">

<text class="city">{{item.type}}</text>

</view>

</block>

</block>

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

 

cityArray: [

{ "type": "A" },

{ "city": "阿坝", "city_en": "Aba", "type": "city" },

{ "city": "阿克苏", "city_en": "Akesu", "type": "city" },

{ "city": "阿拉尔", "city_en": "Alaer", "type": "city" },

{ "city": "阿勒泰",

标签: citygtltblock