81 lines
2.4 KiB
Plaintext
81 lines
2.4 KiB
Plaintext
<!-- 顶部轮播图 -->
|
|
<swiper autoplay="3000" circular indicator-dots class="banner">
|
|
<block wx:for="{{bannerList}}" wx:key="index">
|
|
<swiper-item>
|
|
<image src="{{item}}" class="banner-image" mode="aspectFill" />
|
|
</swiper-item>
|
|
</block>
|
|
</swiper>
|
|
|
|
<!-- 公司信息 -->
|
|
<view class="company-info">
|
|
<view class="company-name">{{company.name}}</view>
|
|
<view class="company-address">
|
|
<van-icon name="location-o" size="16px" />
|
|
<text>{{company.address}}</text>
|
|
</view>
|
|
<view class="company-actions">
|
|
<van-button size="small" type="primary" plain icon="location-o" bindtap="openMap">导航</van-button>
|
|
<van-button size="small" type="info" plain icon="phone" open-type="makePhoneCall" data-phone="{{company.phone}}">电话</van-button>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 车辆列表 -->
|
|
<!-- 筛选栏 -->
|
|
<view class="sticky-filter">
|
|
<van-dropdown-menu >
|
|
<van-dropdown-item
|
|
value="{{selectedSort}}"
|
|
options="{{sortOptions}}"
|
|
bind:change="onSortChange"
|
|
/>
|
|
<van-dropdown-item title="品牌" use-slot>
|
|
<van-tree-select
|
|
height="400"
|
|
items="{{brandTree}}"
|
|
main-active-index="{{mainActiveIndex}}"
|
|
active-id="{{selectedSeriesId}}"
|
|
bind:click-nav="onBrandClick"
|
|
bind:click-item="onSeriesSelect"
|
|
/>
|
|
</van-dropdown-item>
|
|
<van-dropdown-item
|
|
value="{{selectedPrice}}"
|
|
options="{{priceOptions}}"
|
|
bind:change="onPriceChange"
|
|
/>
|
|
<van-dropdown-item
|
|
title="参数"
|
|
use-slot
|
|
>
|
|
<!-- 参数自定义筛选项 -->
|
|
<view class="param-options">
|
|
<label wx:for="{{paramOptions}}" wx:key="value">
|
|
<radio
|
|
value="{{item.value}}"
|
|
checked="{{item.value === selectedParam}}"
|
|
bindchange="onParamChange"
|
|
/> {{item.label}}
|
|
</label>
|
|
</view>
|
|
</van-dropdown-item>
|
|
</van-dropdown-menu>
|
|
</view>
|
|
|
|
<!-- 汽车列表 -->
|
|
<view class="car-list">
|
|
<block wx:for="{{carList}}" wx:key="id">
|
|
<view class="car-item">
|
|
<image src="{{item.image}}" class="car-image" mode="aspectFill" />
|
|
<view class="car-info">
|
|
<view class="car-title">{{item.title}}</view>
|
|
<view class="car-detail">
|
|
<span class="car-subtext">{{item.registerDate}}</span>
|
|
<span class="car-subtext">{{item.mileage}} km</span>
|
|
<span class="car-subtext">{{item.emission}}</span>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</block>
|
|
</view>
|