小程序模板網(wǎng)

查看內(nèi)容 Demo分析學(xué)習(xí)《一》天氣預(yù)報(bào)：聯(lián)系人列表錨點(diǎn)

發(fā)布時(shí)間：2018-04-18 08:51 所屬欄目：小程序開發(fā)教程

制作者：天下鈔票

demo地址：天氣預(yù)報(bào)：聯(lián)系人列表錨點(diǎn)

 

亮點(diǎn)一、wx:if wx:else的使用來制作城市列表

 

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

				

					配套的城市代碼（部分）：

				

					 

				

				
    
					
  1. 
						cityArray: [
    2. 
					
  2. 
						{ "type": "A" },
    3. 
					
  3. 
						{ "city": "阿壩", "city_en": "Aba", "type": "city" },
    4. 
					
  4. 
						{ "city": "阿克蘇", "city_en": "Akesu", "type": "city" },
    5. 
					
  5. 
						{ "city": "阿拉爾", "city_en": "Alaer", "type": "city" },
    6. 
					
  6. 
						{ "city": "阿勒泰",
    7. 
				

					
		

	




            


            


            

            

                

                    易優(yōu)小程序（企業(yè)版）+靈活api+前后代碼開源
                    碼云倉(cāng)庫(kù):starfork
                

                

                    本文地址：http://www.u-renovate.com/wxmini/doc/course/23593.html 復(fù)制鏈接 
                    如需定制請(qǐng)聯(lián)系易優(yōu)客服咨詢：800182392 點(diǎn)擊咨詢 
                

            

          

          

        

      

      
    

  







  

    
  









  
  

    
    
    

    

     QQ在線咨詢 
    

      
    

    
  






 



    

        AI智能客服
        ×