<!--pages/test/test.wxml-->
<view class="page">

<movable-area class="m_a" >
  <movable-view class="data_list" direction="horizontal" inertia="true"  out-of-bounds="true">

   <view  class="d_box">
    <view class="data">内容内容内容内容内容内容内容</view>
    <view>删除</view>
   </view>
  
  </movable-view>

</movable-area>


</view>

/* pages/test/test.wxss */
.page{
  width: 100vw;
  height: 100vh;
}
.m_a{
  width: 100%;
  height: 100%;
  border: 1rpx solid gray; 
}
.data_list{
  height: 200rpx;
  width: 120%;
  border: 1rpx solid red;
}
.d_box{
  display: flex;
  justify-content: flex-start;
  justify-items: center;
  height: 100%;
}
.data{
  width: 100vw;
  background: red;
}