carInsightSystem_wxapp/pages/brandSearch/index.wxml

<view class="view-page">
  <view class="navigation nav-top" style="background: #006BFF">
    <view class="bs-top-title">硕为思汽车智能洞查</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="178">
    <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>