小程序开发时的导航条

在开发小程序时,我们经常会遇到导航条的开发,

而现在,我总结之前开发中遇到的导航条的代码。

WXML

<view class="cat-bar">

  <block wx:for=" items" wx:key="">

    <view bind:tap="{{ }}">

     < image class="img" src="{{item.icon}}" />

     <view class=" " >{{item.title}}</view>

    </view>

  </block>

</view>

WXSS

items:[

{

  id=0,

  icon:'icon的路径',

  title:'title的内容'

  },

{

  id=1,

  icon:'icon的路径',

  title:'title的内容'

  },

]

原文地址:https://www.cnblogs.com/Annely/p/10605473.html