<!--logs.wxml-->
<view class="container">
  <view class="title">
    <text id="tit">车型大全</text>
  </view>
  <!--热门车系-->
  <view class="car_type">
    <view class="type_style">
      <text class="type_name">热门品牌</text>
    </view>
    <block wx:for="{{image_url}}">
      <view class="content_img" bindtap="remen_click">
        <image src="{{item}}" style="width: 100%; height: 100%"></image>
      </view>
    </block>

    <!--字母A开头-->
    <view class="type_style">
      <text class="type_name">A</text>
    </view>
    <block wx:for="{{car_icon_a}}">
      <view class="icons_title" bindtap="aodi_click">
        <view class="icons">
          <image src="{{item}}" style="width: 100%; height: 100%;"></image>
        </view>
        <view class="car_title">
          {{car_title_a[index]}}
        </view>
      </view>
    </block>
    <!--字母B开头-->
    <view class="type_style">
      <text class="type_name">B</text>
    </view>
    <block wx:for="{{car_icon_b}}">
      <view class="icons_title">
        <view class="icons">
          <image src="{{item}}" style="width: 100%; height: 100%;"></image>
        </view>
        <view class="car_title">
          {{car_title_b[index]}}
        </view>
      </view>
    </block>
    <!--字母D开头-->
    <view class="type_style">
      <text class="type_name">D</text>
    </view>
    <block wx:for="{{car_icon_d}}">
      <view class="icons_title">
        <view class="icons">
          <image src="{{item}}" style="width: 100%; height: 100%;"></image>
        </view>
        <view class="car_title">
          {{car_title_d[index]}}
        </view>
      </view>
    </block>
    <!--字母#开头-->
    <view class="type_style">
      <text class="type_name">#</text>
    </view>
    <block wx:for="{{car_icon}}">
      <view class="icons_title">
        <view class="icons">
          <image src="{{item}}" style="width: 100%; height: 100%;"></image>
        </view>
        <view class="car_title">
          {{car_title[index]}}
        </view>
      </view>
    </block>

  </view>

</view>


  <block wx:for="{{logs}}" wx:for-item="log">
    <text class="log-item">{{index + 1}}. {{log}}</text>
  </block>

.title{
  text-align: center;
  margin-top: 10px;
}

#tit {
  letter-spacing: 10px;
  color: black;
  font-weight: bold;
}

.car_type {
  margin-top: 10px;
  width: 100%;
  height: auto;
}

.type_style {
  background-color: #E8E8E8;
  border-top: 1px solid #C8C8C8;
  border-bottom: 1px solid #C8C8C8;
}

.type_name {
  margin-left: 10px;
  font-size: 10px;
  font-weight: bold;
  color: #707070;
}

.content_img {
  width: 60px;
  height: 60px;
  display: inline-table;
  margin-left: 10px;
  margin-right: 10px;
}

.icons_title {
  width: 100%;
  height: 60px;
  border-bottom: 1px solid #C8C8C8;
  display: flex;
}
.icons {
  width: 60px;
  height: 60px;
  display: inline-block;
  margin-left: 10px;
}

.car_title {
  font-size: 12px;
  font-weight: bold;
  margin: auto 20px; 
}

//cars.js
Page({
  data: {
    image_url: [
        "http://img1.xcarimg.com/PicLib/s/s7293_120.jpg",
        "http://img1.xcarimg.com/PicLib/s/s6302_120.jpg",
        "http://img1.xcarimg.com/PicLib/s/s4494_120.jpg",
        "http://img1.xcarimg.com/PicLib/s/s7380_120.jpg",
        "http://img1.xcarimg.com/PicLib/s/s4707_120.jpg",
        "http://img1.xcarimg.com/PicLib/s/s7286_120.jpg",
        "http://img1.xcarimg.com/PicLib/s/s6633_120.jpg",
        "http://img1.xcarimg.com/PicLib/s/s2661_120.jpg",
    ],
    car_icon_a: [
      "http://img1.xcarimg.com/PicLib/logo/pl1_80.jpg",
      "http://img1.xcarimg.com/PicLib/logo/pl56_80.jpg",
      "http://img1.xcarimg.com/PicLib/logo/pl224_80.jpg",
    ],
    car_title_a: [
      "奥迪",
      "阿斯顿·马丁",
      "Alpina",
    ],
    car_icon_b: [
      "http://img1.xcarimg.com/PicLib/logo/pl2_80.jpg",
      "http://img1.xcarimg.com/PicLib/logo/pl3_80.jpg",
      "http://img1.xcarimg.com/PicLib/logo/pl17_80.jpg",
      "http://img1.xcarimg.com/PicLib/logo/pl13_80.jpg",
      "http://img1.xcarimg.com/PicLib/logo/pl57_80.jpg",
    ],
    car_title_b: [
      "宝马",
      "奔驰",
      "本田",
      "别克",
      "宾利",
    ],
    car_icon_d: [
      "http://img1.xcarimg.com/PicLib/logo/pl4_80.jpg",
      "http://img1.xcarimg.com/PicLib/logo/pl124_80.jpg",
      "http://img1.xcarimg.com/PicLib/logo/pl33_80.jpg",
      "http://img1.xcarimg.com/PicLib/logo/pl10_80.jpg",
    ],
    car_title_d: [
      "大众",
      "DS",
      "东风",
      "福特",
    ],
    car_icon: [
      "http://img1.xcarimg.com/PicLib/logo/pl59_80.jpg",
      "http://img1.xcarimg.com/PicLib/logo/pl60_80.jpg",
      "http://img1.xcarimg.com/PicLib/logo/pl69_80.jpg",
      "http://img1.xcarimg.com/PicLib/logo/pl62_80.jpg",
      "http://img1.xcarimg.com/PicLib/logo/pl61_80.jpg",
      "http://img1.xcarimg.com/PicLib/logo/pl16_80.jpg",
      "http://img1.xcarimg.com/PicLib/logo/pl126_80.jpg"
    ],
    car_title: [
      "法拉利",
      "捷豹",
      "凯迪拉克",
      "劳斯莱斯",
      "兰博基尼",
      "雪佛兰",
      "迈凯伦"
    ]
  },
  // 热门汽车跳转
  remen_click: function() {
    wx.navigateTo({
      url: '../car_detail/super_car/super_car'
    })
  },
// 奥迪汽车跳转
  aodi_click: function() {
    wx.navigateTo({
      url: '../car_detail/ao_di/ao_di'
    })
  },
})