小程序 手写tab超出滑动。view超出可以横滑动

template

<view class="item_left flex">
          <view class="name">公告</view>
          <view class="name">新闻政策</view>
          <view class="name">政策文件</view>
          <view class="name">政策文件</view>
          <view class="name">政策文件</view>
          <view class="name">政策文件</view>
          <view class="name">政策文件</view>
          <view class="name">政策文件</view>
          <view class="name">政策文件</view>
          <view class="name">政策文件</view>
        </view>

css

     .item_left {
        width: 600px;
        height: 80px;
        overflow-x: auto; /* 使得tabs超出部分可以滑动查看 重点！*/
        white-space: nowrap; /* 不换行 */
        line-height: 80px;
        .name {
          width: 200px;
          display: inline-block;
          margin-right: 20px;
        }
      }