73 lines
2.5 KiB
Plaintext
73 lines
2.5 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="business-modules">
|
|
<view class="module-title">车辆服务</view>
|
|
<view class="module-grid">
|
|
<view class="module-item" bindtap="goToNewCar">
|
|
<view class="module-icon">
|
|
<van-icon name="new-o" size="24px" color="#ff6b35" />
|
|
</view>
|
|
<view class="module-text">新车</view>
|
|
<view class="module-desc">全新车辆销售</view>
|
|
</view>
|
|
|
|
<view class="module-item" bindtap="goToRental">
|
|
<view class="module-icon">
|
|
<van-icon name="coupon-o" size="24px" color="#4CAF50" />
|
|
</view>
|
|
<view class="module-text">租车</view>
|
|
<view class="module-desc">短期长期租赁</view>
|
|
</view>
|
|
|
|
<view class="module-item" bindtap="goToUsedCar">
|
|
<view class="module-icon">
|
|
<van-icon name="shopping-cart-o" size="24px" color="#2196F3" />
|
|
</view>
|
|
<view class="module-text">二手车</view>
|
|
<view class="module-desc">优质二手车源</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 热门推荐 -->
|
|
<view class="hot-recommend">
|
|
<view class="section-title">
|
|
<text>热门推荐</text>
|
|
<van-icon name="arrow" size="16px" />
|
|
</view>
|
|
<view class="recommend-list">
|
|
<view class="recommend-item" wx:for="{{hotCarList}}" wx:key="id" bindtap="goToCarDetail" data-id="{{item.id}}">
|
|
<image src="{{item.image}}" class="car-image" mode="aspectFill" />
|
|
<view class="car-info">
|
|
<view class="car-name">{{item.name}}</view>
|
|
<view class="car-price">¥{{item.price}}</view>
|
|
<view class="car-tags">
|
|
<text class="tag">{{item.year}}年</text>
|
|
<text class="tag">{{item.mileage}}万公里</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view> |