小程序开发-视图容器movable-view和movable-area

一、需求：实现可以滑动的窗口

二、代码

.wxml

<!-- 秒杀 -->
  <view class='u-wrp-secKill'>
    <view class='u-wrp-secKillHead'>
      <text class="u-txt-skTitle">京东秒杀</text>
      <text class="u-txt-sktime">18点场</text>
    </view>
    <movable-area style='width:auto'>
      <movable-view animation scroll-x style='height:220rpx;width:1280rpx' direction='horizontal' inertia='true' out-of-bounds>
      <block wx:for='{
  {skItems}}'>
        <view class='u-img-skimgs'>
          <image src='{
  {item.pic}}' class='u-img-skimgItem'></image>
          <text class='u-txt-sktxtItem1'>{
  {item.pNew}}</t