|
|
|
|
<view class="view-page">
|
|
|
|
|
<view class="navigation nav-top" style="background: #006BFF;">
|
|
|
|
|
<!--手机状态栏的高度-->
|
|
|
|
|
<view style="height:{{statusBarHeight}}px;width: 100%;"></view>
|
|
|
|
|
<view class="bs-top-title" style="height: {{navBarHeight}}px;width: 100%;">硕为思汽车智能洞察</view>
|
|
|
|
|
<view class="bs-top">
|
|
|
|
|
<van-search style="width: 100%;" background="#006BFF" value="{{ value }}" placeholder="请输入品牌" />
|
|
|
|
|
</view>
|
|
|
|
|
<view class="bs-tabs">
|
|
|
|
|
<scroll-view class="bs-tab-sv" scroll-x="true">
|
|
|
|
|
<view class="bs-tab-sv-item" wx:for="{{navData}}" wx:key="{{index}}">
|
|
|
|
|
<image class="userAvatar" src="{{item.img}}" />
|
|
|
|
|
<view class="bs-tab-title">{{item.title}}</view>
|
|
|
|
|
</view>
|
|
|
|
|
</scroll-view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="bs-block"></view>
|
|
|
|
|
<van-index-bar class="bs-bar" sticky-offset-top="196">
|
|
|
|
|
<view>
|
|
|
|
|
<van-index-anchor index="A" />
|
|
|
|
|
<view class="bs-item">
|
|
|
|
|
<image slot="icon" class="bs-item-image" src="./cars/audi.jpg" />
|
|
|
|
|
<text>奥迪</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="bs-item">
|
|
|
|
|
<image slot="icon" class="bs-item-image" src="./cars/audi.jpg" />
|
|
|
|
|
<text>奥迪</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="bs-item">
|
|
|
|
|
<image slot="icon" class="bs-item-image" src="./cars/audi.jpg" />
|
|
|
|
|
<text>奥迪</text>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view>
|
|
|
|
|
<van-index-anchor index="B" />
|
|
|
|
|
<view class="bs-item">
|
|
|
|
|
<image slot="icon" class="bs-item-image" src="./cars/audi.jpg" />
|
|
|
|
|
<text>奥迪</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="bs-item">
|
|
|
|
|
<image slot="icon" class="bs-item-image" src="./cars/audi.jpg" />
|
|
|
|
|
<text>奥迪</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="bs-item">
|
|
|
|
|
<image slot="icon" class="bs-item-image" src="./cars/audi.jpg" />
|
|
|
|
|
<text>奥迪</text>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view>
|
|
|
|
|
<van-index-anchor index="C" />
|
|
|
|
|
<view class="bs-item">
|
|
|
|
|
<image slot="icon" class="bs-item-image" src="./cars/audi.jpg" />
|
|
|
|
|
<text>奥迪</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="bs-item">
|
|
|
|
|
<image slot="icon" class="bs-item-image" src="./cars/audi.jpg" />
|
|
|
|
|
<text>奥迪</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="bs-item">
|
|
|
|
|
<image slot="icon" class="bs-item-image" src="./cars/audi.jpg" />
|
|
|
|
|
<text>奥迪</text>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view>
|
|
|
|
|
<van-index-anchor index="D" />
|
|
|
|
|
<view class="bs-item">
|
|
|
|
|
<image slot="icon" class="bs-item-image" src="./cars/audi.jpg" />
|
|
|
|
|
<text>奥迪</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="bs-item">
|
|
|
|
|
<image slot="icon" class="bs-item-image" src="./cars/audi.jpg" />
|
|
|
|
|
<text>奥迪</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="bs-item">
|
|
|
|
|
<image slot="icon" class="bs-item-image" src="./cars/audi.jpg" />
|
|
|
|
|
<text>奥迪</text>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</van-index-bar>
|
|
|
|
|
</view>
|
