微信小程序 轮播图

微信小程序自己的组件灵活性小，自己写了一个小的轮播图。
效果图如下：点击上一页向左移动一个=颜色块的距离，点击上一页向右移动一个颜色块的距离

代码如下wxml代码：

<view class='background'>
  <view class="image_container {
  {move == 1?'anim_pre':(move == 2?'anim_next':'left')}}" >
    <view class="image" wx:for="{
  {list}}" style='background:{
  {item}};'></view>
  </view>
  <view class='btn'>
    <view class='pots {
  {pot == index?"gray":""}}' bindtap='pots' data-index="{
  {index}}" wx:for="{
  {list}}"></view&