微信小程序-首页导航栏Ⅱ

效果：类似携程小程序，首先一个轮播图展示一些活动信息或广告，然后九宫格展示酒店、机票、火车票、名宿、汽车票、专车等图标+文字

.wxml页面：

<view class="container-center">
  <view class="weui-cells hotel" wx:for="{
  
  { weuiArray }}" style="{
  
  { item.color }}" >
    <navigator class="weui-cell weui-cell_access head" url="{
  
  { item.url}}" hover-class="weui-cell_active">
      <view class="weui-cell__hd">
        <text class="{
  
  { item.image}}"></text>
      </view>
      <view class="weui-cell__bd">
        <view class="hotel_title">{
  
  { item.title}}</view>
      </view>
    </navigator>
  </view>
</view>

.wxss样式：我这边展示的是两列，如果需要展示三列或者以上，直接修改.weui-cells.hotel的width属性即可

.container-center {
  width: 100%;
}

.weu