微信小程序 首页轮播图 x轴 横向滚动视图

页面

<!--index.wxml-->
<view class="page">
  <view class="title">首页 </view>
  <view class="search">
    <input type="text" placeholder="输入你想了解的内容" />
  </view>
  <!-- 轮播图 -->
  <view class="swiper">
    <swiper indicator-dots="true" autoplay="true" interval="5000" duration="500" indicator-active-color="#ffca28"
      indicator-color="#FFFFFF">
      <block wx:for="{
    {swiper}}">
        <swiper-item class="swiper-item">
          <image src="{
    {item.pic}}"></image>
        </swiper-item>
      </block>
    </swiper>
  </view>
  <!-- 改善部位 -->
  <view class="list loc">
    <view class="til">改善部位</view>
    <view class="con">
      <scroll-view class="scroll" scroll-x="true" enhanced="true" show-scrollbar=