From 059677f27a12f06c6b0e7a9203ea3706561bea7d Mon Sep 17 00:00:00 2001
From: hlere <595806119@qq.com>
Date: Tue, 13 Mar 2018 15:18:57 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BB=A3=E7=A0=81=E6=A0=BC=E5=BC=8F=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/component/hSwiper/hSwiper.js | 596 +++++++++++++--------------
 hSwiper.js                           | 596 +++++++++++++--------------
 2 files changed, 596 insertions(+), 596 deletions(-)

diff --git a/example/component/hSwiper/hSwiper.js b/example/component/hSwiper/hSwiper.js
index ee320ac..a5fc04f 100644
--- a/example/component/hSwiper/hSwiper.js
+++ b/example/component/hSwiper/hSwiper.js
@@ -1,345 +1,345 @@
 var _hSwiperId = 0;
 
-class hSwiper{
-	constructor (props) {
-		this.onFirstView = function () {
-			// console.log(arguments," 第一个视图")
-		};
-		this.onLastView = function () {
-			// console.log(arguments,"最后一个视图")
-		};
-		this.afterViewChange = function () {
-			// console.log(arguments,"视图移动之后")
-		};
-		this.beforeViewChange = function () {
-			// console.log(arguments,"视图移动之前")
-		};
+class hSwiper {
+  constructor(props) {
+    this.onFirstView = function () {
+      // console.log(arguments," 第一个视图")
+    };
+    this.onLastView = function () {
+      // console.log(arguments,"最后一个视图")
+    };
+    this.afterViewChange = function () {
+      // console.log(arguments,"视图移动之后")
+    };
+    this.beforeViewChange = function () {
+      // console.log(arguments,"视图移动之前")
+    };
 
-		props = props || {};
+    props = props || {};
 
-		// 获得当前Page上下文
-		const pages = getCurrentPages();
+    // 获得当前Page上下文
+    const pages = getCurrentPages();
 
-		this.pageCtx = pages[pages.length - 1];
-		// 当前hSwiperId
-		this.id = _hSwiperId ++;
+    this.pageCtx = pages[pages.length - 1];
+    // 当前hSwiperId
+    this.id = _hSwiperId++;
 
-		// 获取可用屏幕宽度
-		this.screenWidth = wx.getSystemInfoSync().windowWidth;
+    // 获取可用屏幕宽度
+    this.screenWidth = wx.getSystemInfoSync().windowWidth;
 
-		// 使用的视图item模版命名
-		this.templateName = props.templateName||"hSwiperItem";
+    // 使用的视图item模版命名
+    this.templateName = props.templateName || "hSwiperItem";
 
-		// 代理的data变量,必要,并且为一级变量
-		this.DataVarName = props.varStr;
+    // 代理的data变量,必要,并且为一级变量
+    this.DataVarName = props.varStr;
 
-		// 代理滚动容器style属性的变量名
-		this.wrapperStyle = 'hSwiperConStyle'+this.id;
+    // 代理滚动容器style属性的变量名
+    this.wrapperStyle = 'hSwiperConStyle' + this.id;
 
-		this.pageCtx.data[this.DataVarName] = this.pageCtx.data[this.DataVarName] || {};
+    this.pageCtx.data[this.DataVarName] = this.pageCtx.data[this.DataVarName] || {};
 
-		// 获取page的data代理的变量
-		this.data = this.pageCtx.data[this.DataVarName];
+    // 获取page的data代理的变量
+    this.data = this.pageCtx.data[this.DataVarName];
 
-		this.data.id = this.id;
+    this.data.id = this.id;
 
-		this.data.templateName = this.templateName;
+    this.data.templateName = this.templateName;
 
-		this.data.wrapperStyle = this.wrapperStyle;
+    this.data.wrapperStyle = this.wrapperStyle;
 
-		this.data.wrapperStyleValue = {};
+    this.data.wrapperStyleValue = {};
 
-		this.data.wrapperStyleValue[this.wrapperStyle] = '';
+    this.data.wrapperStyleValue[this.wrapperStyle] = '';
 
-		this.data.itemStyle = '';
+    this.data.itemStyle = '';
 
-		// 视图元素对应的数据
-		this.data.list = props.list || [];
+    // 视图元素对应的数据
+    this.data.list = props.list || [];
 
-		this.data.swiperAnmiation = {};
+    this.data.swiperAnmiation = {};
 
-		// 当前视图位置
-		this.nowTranX = 0;
+    // 当前视图位置
+    this.nowTranX = 0;
 
-		// 当前是第几个视图
-		this.nowView = 0;
+    // 当前是第几个视图
+    this.nowView = 0;
 
-		// 用于计算每个视图元素的宽度 itemAllWidth = windosWidth - reduceDistance;
-		this.reduceDistance = parseInt(props.reduceDistance)||0;
+    // 用于计算每个视图元素的宽度 itemAllWidth = windosWidth - reduceDistance;
+    this.reduceDistance = parseInt(props.reduceDistance) || 0;
 
-		// 每个视图元素的宽度
-		this.itemWidth = parseInt(props.itemWidth || (this.screenWidth - this.reduceDistance));
+    // 每个视图元素的宽度
+    this.itemWidth = parseInt(props.itemWidth || (this.screenWidth - this.reduceDistance));
 
-		// 视图过度动画实例
-		this.viewAnimation = wx.createAnimation({
-			transformOrigin: '50% 50%',
-			duration: 300,
-			timingFunction: 'ease',
-			delay: 0
-		});
+    // 视图过度动画实例
+    this.viewAnimation = wx.createAnimation({
+      transformOrigin: '50% 50%',
+      duration: 300,
+      timingFunction: 'ease',
+      delay: 0
+    });
 
-		// 视图移动动画实例
-		this.moveAnimation = wx.createAnimation({
-			transformOrigin: '50% 50%',
-			duration: 0,
-			timingFunction: 'ease',
-			delay: 0
-		});
+    // 视图移动动画实例
+    this.moveAnimation = wx.createAnimation({
+      transformOrigin: '50% 50%',
+      duration: 0,
+      timingFunction: 'ease',
+      delay: 0
+    });
 
-		// 触摸事件相关的属性
-		this.startPos = this.endPos = 0;
+    // 触摸事件相关的属性
+    this.startPos = this.endPos = 0;
 
-		// 注册事件
-		this.registerEvent();
+    // 注册事件
+    this.registerEvent();
 
-		// 初始化代理数据变量的结构,只能初始化时调用,否侧此方法可能会出现bug
-		this.initData();
+    // 初始化代理数据变量的结构,只能初始化时调用,否侧此方法可能会出现bug
+    this.initData();
 
-		// 计算结构
-		this.initStruct();
+    // 计算结构
+    this.initStruct();
 
-		this.moveViewTo(0);
-	}
+    this.moveViewTo(0);
+  }
 
-	initStruct () {
-		var count = this.data.list.length;
-		// 更新容器的宽度，默认
-		this.updateConStyle('width', count * this.itemWidth + 'px');
-		this.updateItemStyle('width', this.itemWidth + 'px');
-	}
+  initStruct() {
+    var count = this.data.list.length;
+    // 更新容器的宽度，默认
+    this.updateConStyle('width', count * this.itemWidth + 'px');
+    this.updateItemStyle('width', this.itemWidth + 'px');
+  }
 
   // 将style对象转换为style字符串
-	styleStringify(styleObj){
-		var str = '';
-		for(var i in styleObj){
-			str += i + ':' + styleObj[i] + ';';
-		}
-		return str;
-	}
-
-	// 同步数据到视图
-	updateData (varStr, value) {
-		var temp = {};
-		temp[this.DataVarName + '.' + varStr] = value;
-		this.pageCtx.setData(temp);
-	}
-
-	updateItemStyle (attr, value) {
-		var tempWidth = this.parseStyle(this.data.itemStyle) || '';
-		tempWidth[attr] = value;
-		this.data.itemStyle = this.styleStringify(tempWidth);
-		this.updateData('itemStyle', this.data.itemStyle);
-	}
-
-	updateConStyle (attr, value) {
-		var tempWidth = this.parseStyle(this.data.wrapperStyleValue[this.wrapperStyle]) || '';
-		tempWidth[attr] = value;
-		this.data.wrapperStyleValue[this.data.wrapperStyle] = this.styleStringify(tempWidth);
-		var temp = 'wrapperStyleValue.' + this.data.wrapperStyle;
-		this.updateData(temp, this.data.wrapperStyleValue[this.data.wrapperStyle]);
-	}
-
-	/**
-	 * 解析style属性字符串为js对象
-	 * @param  {string} styleStr 待解析的样式字符串
-	 * @return {object}          style对象
-	 */
-	parseStyle (styleStr) {
-		var styleObj = {};
-		var styleArray = styleStr.split(';');
-
-		styleArray = styleArray.map(function (item) {
-			var temp = item.split(':');
-			if (temp.length === 2) {
-				styleObj[temp[0]] = temp[1];
-			}
-		});
-		return styleObj;
-	}
-
-	// 注册一些触摸事件，挂载到page下面
-	registerEvent () {
-		var self = this;
-		// 触摸开始事件
-		this.pageCtx['swiperTouchstart' + this.id] = function (e) {
-			self.startPos = e.changedTouches[0].clientX;
-			self.touchTime = e.timeStamp;
-		};
-
-		// 触摸移动中的事件
-		this.pageCtx['swiperTouchmove' + this.id] = function (e) {
-			self.endPos = e.changedTouches[0].clientX;
-			self.movePos(self.endPos - self.startPos);
-		};
-
-		// 触摸结束事件
-		this.pageCtx['swiperTouchend' + this.id] = function (e) {
-			var times = e.timeStamp - self.touchTime,
-					distance = Math.abs(e.changedTouches[0].clientX - self.startPos);
-
-			if (times < 500 && distance > 1) {
-				if (!((e.changedTouches[0].clientX - self.startPos) > 0)) {
-					self.nextView();
-				} else {
-					self.preView();
-				}
-			} else {
-				self.endPos = e.changedTouches[0].clientX;
-				self.movePos(self.endPos - self.startPos);
-				self.nowTranX += (self.endPos - self.startPos);
-				self.moveViewTo(self.getNowView());
-			}
-		};
-	}
-
-	// 初始化数据
-	initData () {
-		var temp = {};
-		temp[this.DataVarName] = this.data;
-		this.pageCtx.setData(temp);
-	}
-  
+  styleStringify(styleObj) {
+    var str = '';
+    for (var i in styleObj) {
+      str += i + ':' + styleObj[i] + ';';
+    }
+    return str;
+  }
+
+  // 同步数据到视图
+  updateData(varStr, value) {
+    var temp = {};
+    temp[this.DataVarName + '.' + varStr] = value;
+    this.pageCtx.setData(temp);
+  }
+
+  updateItemStyle(attr, value) {
+    var tempWidth = this.parseStyle(this.data.itemStyle) || '';
+    tempWidth[attr] = value;
+    this.data.itemStyle = this.styleStringify(tempWidth);
+    this.updateData('itemStyle', this.data.itemStyle);
+  }
+
+  updateConStyle(attr, value) {
+    var tempWidth = this.parseStyle(this.data.wrapperStyleValue[this.wrapperStyle]) || '';
+    tempWidth[attr] = value;
+    this.data.wrapperStyleValue[this.data.wrapperStyle] = this.styleStringify(tempWidth);
+    var temp = 'wrapperStyleValue.' + this.data.wrapperStyle;
+    this.updateData(temp, this.data.wrapperStyleValue[this.data.wrapperStyle]);
+  }
+
+  /**
+   * 解析style属性字符串为js对象
+   * @param  {string} styleStr 待解析的样式字符串
+   * @return {object}          style对象
+   */
+  parseStyle(styleStr) {
+    var styleObj = {};
+    var styleArray = styleStr.split(';');
+
+    styleArray = styleArray.map(function (item) {
+      var temp = item.split(':');
+      if (temp.length === 2) {
+        styleObj[temp[0]] = temp[1];
+      }
+    });
+    return styleObj;
+  }
+
+  // 注册一些触摸事件，挂载到page下面
+  registerEvent() {
+    var self = this;
+    // 触摸开始事件
+    this.pageCtx['swiperTouchstart' + this.id] = function (e) {
+      self.startPos = e.changedTouches[0].clientX;
+      self.touchTime = e.timeStamp;
+    };
+
+    // 触摸移动中的事件
+    this.pageCtx['swiperTouchmove' + this.id] = function (e) {
+      self.endPos = e.changedTouches[0].clientX;
+      self.movePos(self.endPos - self.startPos);
+    };
+
+    // 触摸结束事件
+    this.pageCtx['swiperTouchend' + this.id] = function (e) {
+      var times = e.timeStamp - self.touchTime,
+        distance = Math.abs(e.changedTouches[0].clientX - self.startPos);
+
+      if (times < 500 && distance > 1) {
+        if (!((e.changedTouches[0].clientX - self.startPos) > 0)) {
+          self.nextView();
+        } else {
+          self.preView();
+        }
+      } else {
+        self.endPos = e.changedTouches[0].clientX;
+        self.movePos(self.endPos - self.startPos);
+        self.nowTranX += (self.endPos - self.startPos);
+        self.moveViewTo(self.getNowView());
+      }
+    };
+  }
+
+  // 初始化数据
+  initData() {
+    var temp = {};
+    temp[this.DataVarName] = this.data;
+    this.pageCtx.setData(temp);
+  }
+
   /**
-   *  移动到指定的px位置
-   *  @param {number} x  像素位置，从左往右，从0开始计算
+   * 移动到指定的px位置
+   * @param  {number} x 像素位置，从左往右，从0开始计算
    */
-	movePos (x) {
-		var tempPos = this.nowTranX + x,
-				count = this.data.list.length > 0 ? (this.data.list.length) : 1,
-				minPos = - this.itemWidth * (count - 1) - 40,
-				maxPos = 40;
-
-		// 最大的位置
-		if (tempPos > maxPos){
-			tempPos = maxPos;
-		}
-
-		if(tempPos < minPos){
-			tempPos = minPos;
-		}
-		this.updateMoveAnimation(tempPos);
-	}
-
-	/**
-	 * 更新触摸位移动画
-	 * @param  {number} x 像素位置
-	 */
-	updateMoveAnimation (x){
-		this.moveAnimation.translateX(x).translate3d(0).step();
-		var temp = {};
-		this.updateData("swiperAnmiation", this.moveAnimation.export());
-	}
-
-	/**
-	 * 移动到指定视图，以视图的宽度为单位
-	 * @param  {number}  viewIndex    视图数组下表
-	 * @param  {Boolean} useAnimation 是否启用过渡动画, 默认启用
-	 */
-	moveViewTo (viewIndex, useAnimation = true) {
-		this.beforeViewChange(this.data.list[this.nowView],this.nowView);
-		this.nowView = viewIndex;
-		this.nowTranX = - (this.itemWidth) * viewIndex + this.reduceDistance / 2;
-
-		/* 是否启用动画过渡 */
-		if (useAnimation)  {
-			this.updateViewAnimation(this.nowTranX);			
-		} else {
-			let animation = wx.createAnimation({
-				transformOrigin: '50% 50%',
-				duration: 0,
-				timingFunction: 'linear',
-				delay: 0
-			});
-			animation.translateX(this.nowTranX).translate3d(0).step();
-			this.updateData('swiperAnmiation', animation.export());
-		}
-
-		this.afterViewChange(this.data.list[this.nowView],this.nowView);
-
-		if (viewIndex === 0) {
-			this.onFirstView(this.data.list[this.nowView],this.nowView);
-		}else if (viewIndex === (this.data.list.length-1)) {
-			this.onLastView(this.data.list[this.nowView],this.nowView);
-		}
-	}
-
-	updateViewAnimation (x) {
-		this.viewAnimation.translateX(x).translate3d(0).step();
-		this.updateData('swiperAnmiation', this.viewAnimation.export());
-	}
-	/**
-	 * 获取当前是第几个视图，从0开始计数
-	 * @return {number}  当前视图的索引
-	 */
-	getNowView (){
-		var maxIndex = this.data.list.length - 1;
-		var indexView = Math.abs(Math.round(this.nowTranX / this.itemWidth));
-
-		if (this.nowTranX > 0) {
-			return 0;
-		}
-		indexView = indexView > 0 ? indexView : 0;
-		indexView = indexView > maxIndex ? maxIndex : indexView;
-		return indexView;
-	}
+  movePos(x) {
+    var tempPos = this.nowTranX + x,
+      count = this.data.list.length > 0 ? (this.data.list.length) : 1,
+      minPos = -this.itemWidth * (count - 1) - 40,
+      maxPos = 40;
+
+    // 最大的位置
+    if (tempPos > maxPos) {
+      tempPos = maxPos;
+    }
+
+    if (tempPos < minPos) {
+      tempPos = minPos;
+    }
+    this.updateMoveAnimation(tempPos);
+  }
+
+  /**
+   * 更新触摸位移动画
+   * @param  {number} x 像素位置
+   */
+  updateMoveAnimation(x) {
+    this.moveAnimation.translateX(x).translate3d(0).step();
+    var temp = {};
+    this.updateData("swiperAnmiation", this.moveAnimation.export());
+  }
+
+  /**
+   * 移动到指定视图，以视图的宽度为单位
+   * @param  {number}  viewIndex    视图数组下表
+   * @param  {Boolean} useAnimation 是否启用过渡动画, 默认启用
+   */
+  moveViewTo(viewIndex, useAnimation = true) {
+    this.beforeViewChange(this.data.list[this.nowView], this.nowView);
+    this.nowView = viewIndex;
+    this.nowTranX = -(this.itemWidth) * viewIndex + this.reduceDistance / 2;
+
+    /* 是否启用动画过渡 */
+    if (useAnimation) {
+      this.updateViewAnimation(this.nowTranX);
+    } else {
+      let animation = wx.createAnimation({
+        transformOrigin: '50% 50%',
+        duration: 0,
+        timingFunction: 'linear',
+        delay: 0
+      });
+      animation.translateX(this.nowTranX).translate3d(0).step();
+      this.updateData('swiperAnmiation', animation.export());
+    }
+
+    this.afterViewChange(this.data.list[this.nowView], this.nowView);
+
+    if (viewIndex === 0) {
+      this.onFirstView(this.data.list[this.nowView], this.nowView);
+    } else if (viewIndex === (this.data.list.length - 1)) {
+      this.onLastView(this.data.list[this.nowView], this.nowView);
+    }
+  }
+
+  updateViewAnimation(x) {
+    this.viewAnimation.translateX(x).translate3d(0).step();
+    this.updateData('swiperAnmiation', this.viewAnimation.export());
+  }
+  /**
+   * 获取当前是第几个视图，从0开始计数
+   * @return {number}  当前视图的索引
+   */
+  getNowView() {
+    var maxIndex = this.data.list.length - 1;
+    var indexView = Math.abs(Math.round(this.nowTranX / this.itemWidth));
+
+    if (this.nowTranX > 0) {
+      return 0;
+    }
+    indexView = indexView > 0 ? indexView : 0;
+    indexView = indexView > maxIndex ? maxIndex : indexView;
+    return indexView;
+  }
 
   /**
    * 跳转到下一个视图(当前视图的右边一个图)，并返回当前视图索引。
-   * @return {number} 
+   * @return {number}
    */
-	nextView () {
-		// 兼容用户跳转视图时，传入字符索引， 如 '1' ,注意这不是bug，只是为了兼容用户 函数调用时 没用传入正确的参数
-		var index = parseInt(this.nowView) + 1;
+  nextView() {
+    // 兼容用户跳转视图时，传入字符索引， 如 '1' ,注意这不是bug，只是为了兼容用户 函数调用时 没用传入正确的参数
+    var index = parseInt(this.nowView) + 1;
 
-		index = index > (this.data.list.length-1) ? (this.data.list.length - 1) : index;
-		this.nowView = index;
-		this.moveViewTo(index);
-		return index;
-	}
+    index = index > (this.data.list.length - 1) ? (this.data.list.length - 1) : index;
+    this.nowView = index;
+    this.moveViewTo(index);
+    return index;
+  }
 
   /**
    * 跳转到上一个视图(当前视图的左边边一个图)，并返回当前视图索引。
-   * @return {number} 
+   * @return {number}
+   */
+  preView() {
+    var index = this.nowView - 1;
+    index = index < 0 ? 0 : index;
+    this.nowView = index;
+    this.moveViewTo(index);
+    return index;
+  }
+
+  /**
+   * 更新列表数据
+   * @param  {Array} list 新的列表数据
+   */
+  updateList(list) {
+    // 更新list
+    this.data.list = list;
+    this.updateData('list', list);
+    this.initStruct();
+  }
+
+  /**
+   * 更新某个列表元素的值,具体属性值
+   * @param  {number} index  元素位于列表数组中的索引
+   * @param  {string} varStr 需要更新元素的属性名
+   * @param  {any}    value  元素子属性的更新值
+   */
+  updateListItem(index, varStr, value) {
+    var tempStr = 'list[' + index + '].' + varStr;
+    this.updateData(tempStr, value);
+  }
+
+  /**
+   * 获取当前组件对应的数据
+   * @return {[Array}    当前组件对应的数据
    */
-	preView () {
-		var index = this.nowView - 1;
-		index = index < 0 ? 0 : index;
-		this.nowView = index;
-		this.moveViewTo(index);
-		return index;
-	}
-
-	/**
-	 * 更新列表数据
-	 * @param  {Array} list 新的列表数据
-	 */
-	updateList (list) {
-		// 更新list
-		this.data.list = list;
-		this.updateData('list', list);
-		this.initStruct();
-	}
-
-	/**
-	 * 更新某个列表元素的值,具体属性值
-	 * @param  {number} index  元素位于列表数组中的索引
-	 * @param  {string} varStr 需要更新元素的属性名
-	 * @param  {any}    value  元素子属性的更新值
-	 */
-	updateListItem (index, varStr, value) {
-		var tempStr = 'list[' + index + '].' + varStr;
-		this.updateData(tempStr, value);
-	}
-
-	/**
-	 * 获取当前组件对应的数据
-	 * @return {[Array}    当前组件对应的数据
-	 */
-	getList () {
-		/* 保持插件内部 list 变量 和 data 下的 list 变量 一致  */
-		this.data.list = this.pageCtx.data[this.DataVarName].list;
-		return this.data.list;
-	}
+  getList() {
+    /* 保持插件内部 list 变量 和 data 下的 list 变量 一致  */
+    this.data.list = this.pageCtx.data[this.DataVarName].list;
+    return this.data.list;
+  }
 }
 
 module.exports = hSwiper;
\ No newline at end of file
diff --git a/hSwiper.js b/hSwiper.js
index ee320ac..a5fc04f 100644
--- a/hSwiper.js
+++ b/hSwiper.js
@@ -1,345 +1,345 @@
 var _hSwiperId = 0;
 
-class hSwiper{
-	constructor (props) {
-		this.onFirstView = function () {
-			// console.log(arguments," 第一个视图")
-		};
-		this.onLastView = function () {
-			// console.log(arguments,"最后一个视图")
-		};
-		this.afterViewChange = function () {
-			// console.log(arguments,"视图移动之后")
-		};
-		this.beforeViewChange = function () {
-			// console.log(arguments,"视图移动之前")
-		};
+class hSwiper {
+  constructor(props) {
+    this.onFirstView = function () {
+      // console.log(arguments," 第一个视图")
+    };
+    this.onLastView = function () {
+      // console.log(arguments,"最后一个视图")
+    };
+    this.afterViewChange = function () {
+      // console.log(arguments,"视图移动之后")
+    };
+    this.beforeViewChange = function () {
+      // console.log(arguments,"视图移动之前")
+    };
 
-		props = props || {};
+    props = props || {};
 
-		// 获得当前Page上下文
-		const pages = getCurrentPages();
+    // 获得当前Page上下文
+    const pages = getCurrentPages();
 
-		this.pageCtx = pages[pages.length - 1];
-		// 当前hSwiperId
-		this.id = _hSwiperId ++;
+    this.pageCtx = pages[pages.length - 1];
+    // 当前hSwiperId
+    this.id = _hSwiperId++;
 
-		// 获取可用屏幕宽度
-		this.screenWidth = wx.getSystemInfoSync().windowWidth;
+    // 获取可用屏幕宽度
+    this.screenWidth = wx.getSystemInfoSync().windowWidth;
 
-		// 使用的视图item模版命名
-		this.templateName = props.templateName||"hSwiperItem";
+    // 使用的视图item模版命名
+    this.templateName = props.templateName || "hSwiperItem";
 
-		// 代理的data变量,必要,并且为一级变量
-		this.DataVarName = props.varStr;
+    // 代理的data变量,必要,并且为一级变量
+    this.DataVarName = props.varStr;
 
-		// 代理滚动容器style属性的变量名
-		this.wrapperStyle = 'hSwiperConStyle'+this.id;
+    // 代理滚动容器style属性的变量名
+    this.wrapperStyle = 'hSwiperConStyle' + this.id;
 
-		this.pageCtx.data[this.DataVarName] = this.pageCtx.data[this.DataVarName] || {};
+    this.pageCtx.data[this.DataVarName] = this.pageCtx.data[this.DataVarName] || {};
 
-		// 获取page的data代理的变量
-		this.data = this.pageCtx.data[this.DataVarName];
+    // 获取page的data代理的变量
+    this.data = this.pageCtx.data[this.DataVarName];
 
-		this.data.id = this.id;
+    this.data.id = this.id;
 
-		this.data.templateName = this.templateName;
+    this.data.templateName = this.templateName;
 
-		this.data.wrapperStyle = this.wrapperStyle;
+    this.data.wrapperStyle = this.wrapperStyle;
 
-		this.data.wrapperStyleValue = {};
+    this.data.wrapperStyleValue = {};
 
-		this.data.wrapperStyleValue[this.wrapperStyle] = '';
+    this.data.wrapperStyleValue[this.wrapperStyle] = '';
 
-		this.data.itemStyle = '';
+    this.data.itemStyle = '';
 
-		// 视图元素对应的数据
-		this.data.list = props.list || [];
+    // 视图元素对应的数据
+    this.data.list = props.list || [];
 
-		this.data.swiperAnmiation = {};
+    this.data.swiperAnmiation = {};
 
-		// 当前视图位置
-		this.nowTranX = 0;
+    // 当前视图位置
+    this.nowTranX = 0;
 
-		// 当前是第几个视图
-		this.nowView = 0;
+    // 当前是第几个视图
+    this.nowView = 0;
 
-		// 用于计算每个视图元素的宽度 itemAllWidth = windosWidth - reduceDistance;
-		this.reduceDistance = parseInt(props.reduceDistance)||0;
+    // 用于计算每个视图元素的宽度 itemAllWidth = windosWidth - reduceDistance;
+    this.reduceDistance = parseInt(props.reduceDistance) || 0;
 
-		// 每个视图元素的宽度
-		this.itemWidth = parseInt(props.itemWidth || (this.screenWidth - this.reduceDistance));
+    // 每个视图元素的宽度
+    this.itemWidth = parseInt(props.itemWidth || (this.screenWidth - this.reduceDistance));
 
-		// 视图过度动画实例
-		this.viewAnimation = wx.createAnimation({
-			transformOrigin: '50% 50%',
-			duration: 300,
-			timingFunction: 'ease',
-			delay: 0
-		});
+    // 视图过度动画实例
+    this.viewAnimation = wx.createAnimation({
+      transformOrigin: '50% 50%',
+      duration: 300,
+      timingFunction: 'ease',
+      delay: 0
+    });
 
-		// 视图移动动画实例
-		this.moveAnimation = wx.createAnimation({
-			transformOrigin: '50% 50%',
-			duration: 0,
-			timingFunction: 'ease',
-			delay: 0
-		});
+    // 视图移动动画实例
+    this.moveAnimation = wx.createAnimation({
+      transformOrigin: '50% 50%',
+      duration: 0,
+      timingFunction: 'ease',
+      delay: 0
+    });
 
-		// 触摸事件相关的属性
-		this.startPos = this.endPos = 0;
+    // 触摸事件相关的属性
+    this.startPos = this.endPos = 0;
 
-		// 注册事件
-		this.registerEvent();
+    // 注册事件
+    this.registerEvent();
 
-		// 初始化代理数据变量的结构,只能初始化时调用,否侧此方法可能会出现bug
-		this.initData();
+    // 初始化代理数据变量的结构,只能初始化时调用,否侧此方法可能会出现bug
+    this.initData();
 
-		// 计算结构
-		this.initStruct();
+    // 计算结构
+    this.initStruct();
 
-		this.moveViewTo(0);
-	}
+    this.moveViewTo(0);
+  }
 
-	initStruct () {
-		var count = this.data.list.length;
-		// 更新容器的宽度，默认
-		this.updateConStyle('width', count * this.itemWidth + 'px');
-		this.updateItemStyle('width', this.itemWidth + 'px');
-	}
+  initStruct() {
+    var count = this.data.list.length;
+    // 更新容器的宽度，默认
+    this.updateConStyle('width', count * this.itemWidth + 'px');
+    this.updateItemStyle('width', this.itemWidth + 'px');
+  }
 
   // 将style对象转换为style字符串
-	styleStringify(styleObj){
-		var str = '';
-		for(var i in styleObj){
-			str += i + ':' + styleObj[i] + ';';
-		}
-		return str;
-	}
-
-	// 同步数据到视图
-	updateData (varStr, value) {
-		var temp = {};
-		temp[this.DataVarName + '.' + varStr] = value;
-		this.pageCtx.setData(temp);
-	}
-
-	updateItemStyle (attr, value) {
-		var tempWidth = this.parseStyle(this.data.itemStyle) || '';
-		tempWidth[attr] = value;
-		this.data.itemStyle = this.styleStringify(tempWidth);
-		this.updateData('itemStyle', this.data.itemStyle);
-	}
-
-	updateConStyle (attr, value) {
-		var tempWidth = this.parseStyle(this.data.wrapperStyleValue[this.wrapperStyle]) || '';
-		tempWidth[attr] = value;
-		this.data.wrapperStyleValue[this.data.wrapperStyle] = this.styleStringify(tempWidth);
-		var temp = 'wrapperStyleValue.' + this.data.wrapperStyle;
-		this.updateData(temp, this.data.wrapperStyleValue[this.data.wrapperStyle]);
-	}
-
-	/**
-	 * 解析style属性字符串为js对象
-	 * @param  {string} styleStr 待解析的样式字符串
-	 * @return {object}          style对象
-	 */
-	parseStyle (styleStr) {
-		var styleObj = {};
-		var styleArray = styleStr.split(';');
-
-		styleArray = styleArray.map(function (item) {
-			var temp = item.split(':');
-			if (temp.length === 2) {
-				styleObj[temp[0]] = temp[1];
-			}
-		});
-		return styleObj;
-	}
-
-	// 注册一些触摸事件，挂载到page下面
-	registerEvent () {
-		var self = this;
-		// 触摸开始事件
-		this.pageCtx['swiperTouchstart' + this.id] = function (e) {
-			self.startPos = e.changedTouches[0].clientX;
-			self.touchTime = e.timeStamp;
-		};
-
-		// 触摸移动中的事件
-		this.pageCtx['swiperTouchmove' + this.id] = function (e) {
-			self.endPos = e.changedTouches[0].clientX;
-			self.movePos(self.endPos - self.startPos);
-		};
-
-		// 触摸结束事件
-		this.pageCtx['swiperTouchend' + this.id] = function (e) {
-			var times = e.timeStamp - self.touchTime,
-					distance = Math.abs(e.changedTouches[0].clientX - self.startPos);
-
-			if (times < 500 && distance > 1) {
-				if (!((e.changedTouches[0].clientX - self.startPos) > 0)) {
-					self.nextView();
-				} else {
-					self.preView();
-				}
-			} else {
-				self.endPos = e.changedTouches[0].clientX;
-				self.movePos(self.endPos - self.startPos);
-				self.nowTranX += (self.endPos - self.startPos);
-				self.moveViewTo(self.getNowView());
-			}
-		};
-	}
-
-	// 初始化数据
-	initData () {
-		var temp = {};
-		temp[this.DataVarName] = this.data;
-		this.pageCtx.setData(temp);
-	}
-  
+  styleStringify(styleObj) {
+    var str = '';
+    for (var i in styleObj) {
+      str += i + ':' + styleObj[i] + ';';
+    }
+    return str;
+  }
+
+  // 同步数据到视图
+  updateData(varStr, value) {
+    var temp = {};
+    temp[this.DataVarName + '.' + varStr] = value;
+    this.pageCtx.setData(temp);
+  }
+
+  updateItemStyle(attr, value) {
+    var tempWidth = this.parseStyle(this.data.itemStyle) || '';
+    tempWidth[attr] = value;
+    this.data.itemStyle = this.styleStringify(tempWidth);
+    this.updateData('itemStyle', this.data.itemStyle);
+  }
+
+  updateConStyle(attr, value) {
+    var tempWidth = this.parseStyle(this.data.wrapperStyleValue[this.wrapperStyle]) || '';
+    tempWidth[attr] = value;
+    this.data.wrapperStyleValue[this.data.wrapperStyle] = this.styleStringify(tempWidth);
+    var temp = 'wrapperStyleValue.' + this.data.wrapperStyle;
+    this.updateData(temp, this.data.wrapperStyleValue[this.data.wrapperStyle]);
+  }
+
+  /**
+   * 解析style属性字符串为js对象
+   * @param  {string} styleStr 待解析的样式字符串
+   * @return {object}          style对象
+   */
+  parseStyle(styleStr) {
+    var styleObj = {};
+    var styleArray = styleStr.split(';');
+
+    styleArray = styleArray.map(function (item) {
+      var temp = item.split(':');
+      if (temp.length === 2) {
+        styleObj[temp[0]] = temp[1];
+      }
+    });
+    return styleObj;
+  }
+
+  // 注册一些触摸事件，挂载到page下面
+  registerEvent() {
+    var self = this;
+    // 触摸开始事件
+    this.pageCtx['swiperTouchstart' + this.id] = function (e) {
+      self.startPos = e.changedTouches[0].clientX;
+      self.touchTime = e.timeStamp;
+    };
+
+    // 触摸移动中的事件
+    this.pageCtx['swiperTouchmove' + this.id] = function (e) {
+      self.endPos = e.changedTouches[0].clientX;
+      self.movePos(self.endPos - self.startPos);
+    };
+
+    // 触摸结束事件
+    this.pageCtx['swiperTouchend' + this.id] = function (e) {
+      var times = e.timeStamp - self.touchTime,
+        distance = Math.abs(e.changedTouches[0].clientX - self.startPos);
+
+      if (times < 500 && distance > 1) {
+        if (!((e.changedTouches[0].clientX - self.startPos) > 0)) {
+          self.nextView();
+        } else {
+          self.preView();
+        }
+      } else {
+        self.endPos = e.changedTouches[0].clientX;
+        self.movePos(self.endPos - self.startPos);
+        self.nowTranX += (self.endPos - self.startPos);
+        self.moveViewTo(self.getNowView());
+      }
+    };
+  }
+
+  // 初始化数据
+  initData() {
+    var temp = {};
+    temp[this.DataVarName] = this.data;
+    this.pageCtx.setData(temp);
+  }
+
   /**
-   *  移动到指定的px位置
-   *  @param {number} x  像素位置，从左往右，从0开始计算
+   * 移动到指定的px位置
+   * @param  {number} x 像素位置，从左往右，从0开始计算
    */
-	movePos (x) {
-		var tempPos = this.nowTranX + x,
-				count = this.data.list.length > 0 ? (this.data.list.length) : 1,
-				minPos = - this.itemWidth * (count - 1) - 40,
-				maxPos = 40;
-
-		// 最大的位置
-		if (tempPos > maxPos){
-			tempPos = maxPos;
-		}
-
-		if(tempPos < minPos){
-			tempPos = minPos;
-		}
-		this.updateMoveAnimation(tempPos);
-	}
-
-	/**
-	 * 更新触摸位移动画
-	 * @param  {number} x 像素位置
-	 */
-	updateMoveAnimation (x){
-		this.moveAnimation.translateX(x).translate3d(0).step();
-		var temp = {};
-		this.updateData("swiperAnmiation", this.moveAnimation.export());
-	}
-
-	/**
-	 * 移动到指定视图，以视图的宽度为单位
-	 * @param  {number}  viewIndex    视图数组下表
-	 * @param  {Boolean} useAnimation 是否启用过渡动画, 默认启用
-	 */
-	moveViewTo (viewIndex, useAnimation = true) {
-		this.beforeViewChange(this.data.list[this.nowView],this.nowView);
-		this.nowView = viewIndex;
-		this.nowTranX = - (this.itemWidth) * viewIndex + this.reduceDistance / 2;
-
-		/* 是否启用动画过渡 */
-		if (useAnimation)  {
-			this.updateViewAnimation(this.nowTranX);			
-		} else {
-			let animation = wx.createAnimation({
-				transformOrigin: '50% 50%',
-				duration: 0,
-				timingFunction: 'linear',
-				delay: 0
-			});
-			animation.translateX(this.nowTranX).translate3d(0).step();
-			this.updateData('swiperAnmiation', animation.export());
-		}
-
-		this.afterViewChange(this.data.list[this.nowView],this.nowView);
-
-		if (viewIndex === 0) {
-			this.onFirstView(this.data.list[this.nowView],this.nowView);
-		}else if (viewIndex === (this.data.list.length-1)) {
-			this.onLastView(this.data.list[this.nowView],this.nowView);
-		}
-	}
-
-	updateViewAnimation (x) {
-		this.viewAnimation.translateX(x).translate3d(0).step();
-		this.updateData('swiperAnmiation', this.viewAnimation.export());
-	}
-	/**
-	 * 获取当前是第几个视图，从0开始计数
-	 * @return {number}  当前视图的索引
-	 */
-	getNowView (){
-		var maxIndex = this.data.list.length - 1;
-		var indexView = Math.abs(Math.round(this.nowTranX / this.itemWidth));
-
-		if (this.nowTranX > 0) {
-			return 0;
-		}
-		indexView = indexView > 0 ? indexView : 0;
-		indexView = indexView > maxIndex ? maxIndex : indexView;
-		return indexView;
-	}
+  movePos(x) {
+    var tempPos = this.nowTranX + x,
+      count = this.data.list.length > 0 ? (this.data.list.length) : 1,
+      minPos = -this.itemWidth * (count - 1) - 40,
+      maxPos = 40;
+
+    // 最大的位置
+    if (tempPos > maxPos) {
+      tempPos = maxPos;
+    }
+
+    if (tempPos < minPos) {
+      tempPos = minPos;
+    }
+    this.updateMoveAnimation(tempPos);
+  }
+
+  /**
+   * 更新触摸位移动画
+   * @param  {number} x 像素位置
+   */
+  updateMoveAnimation(x) {
+    this.moveAnimation.translateX(x).translate3d(0).step();
+    var temp = {};
+    this.updateData("swiperAnmiation", this.moveAnimation.export());
+  }
+
+  /**
+   * 移动到指定视图，以视图的宽度为单位
+   * @param  {number}  viewIndex    视图数组下表
+   * @param  {Boolean} useAnimation 是否启用过渡动画, 默认启用
+   */
+  moveViewTo(viewIndex, useAnimation = true) {
+    this.beforeViewChange(this.data.list[this.nowView], this.nowView);
+    this.nowView = viewIndex;
+    this.nowTranX = -(this.itemWidth) * viewIndex + this.reduceDistance / 2;
+
+    /* 是否启用动画过渡 */
+    if (useAnimation) {
+      this.updateViewAnimation(this.nowTranX);
+    } else {
+      let animation = wx.createAnimation({
+        transformOrigin: '50% 50%',
+        duration: 0,
+        timingFunction: 'linear',
+        delay: 0
+      });
+      animation.translateX(this.nowTranX).translate3d(0).step();
+      this.updateData('swiperAnmiation', animation.export());
+    }
+
+    this.afterViewChange(this.data.list[this.nowView], this.nowView);
+
+    if (viewIndex === 0) {
+      this.onFirstView(this.data.list[this.nowView], this.nowView);
+    } else if (viewIndex === (this.data.list.length - 1)) {
+      this.onLastView(this.data.list[this.nowView], this.nowView);
+    }
+  }
+
+  updateViewAnimation(x) {
+    this.viewAnimation.translateX(x).translate3d(0).step();
+    this.updateData('swiperAnmiation', this.viewAnimation.export());
+  }
+  /**
+   * 获取当前是第几个视图，从0开始计数
+   * @return {number}  当前视图的索引
+   */
+  getNowView() {
+    var maxIndex = this.data.list.length - 1;
+    var indexView = Math.abs(Math.round(this.nowTranX / this.itemWidth));
+
+    if (this.nowTranX > 0) {
+      return 0;
+    }
+    indexView = indexView > 0 ? indexView : 0;
+    indexView = indexView > maxIndex ? maxIndex : indexView;
+    return indexView;
+  }
 
   /**
    * 跳转到下一个视图(当前视图的右边一个图)，并返回当前视图索引。
-   * @return {number} 
+   * @return {number}
    */
-	nextView () {
-		// 兼容用户跳转视图时，传入字符索引， 如 '1' ,注意这不是bug，只是为了兼容用户 函数调用时 没用传入正确的参数
-		var index = parseInt(this.nowView) + 1;
+  nextView() {
+    // 兼容用户跳转视图时，传入字符索引， 如 '1' ,注意这不是bug，只是为了兼容用户 函数调用时 没用传入正确的参数
+    var index = parseInt(this.nowView) + 1;
 
-		index = index > (this.data.list.length-1) ? (this.data.list.length - 1) : index;
-		this.nowView = index;
-		this.moveViewTo(index);
-		return index;
-	}
+    index = index > (this.data.list.length - 1) ? (this.data.list.length - 1) : index;
+    this.nowView = index;
+    this.moveViewTo(index);
+    return index;
+  }
 
   /**
    * 跳转到上一个视图(当前视图的左边边一个图)，并返回当前视图索引。
-   * @return {number} 
+   * @return {number}
+   */
+  preView() {
+    var index = this.nowView - 1;
+    index = index < 0 ? 0 : index;
+    this.nowView = index;
+    this.moveViewTo(index);
+    return index;
+  }
+
+  /**
+   * 更新列表数据
+   * @param  {Array} list 新的列表数据
+   */
+  updateList(list) {
+    // 更新list
+    this.data.list = list;
+    this.updateData('list', list);
+    this.initStruct();
+  }
+
+  /**
+   * 更新某个列表元素的值,具体属性值
+   * @param  {number} index  元素位于列表数组中的索引
+   * @param  {string} varStr 需要更新元素的属性名
+   * @param  {any}    value  元素子属性的更新值
+   */
+  updateListItem(index, varStr, value) {
+    var tempStr = 'list[' + index + '].' + varStr;
+    this.updateData(tempStr, value);
+  }
+
+  /**
+   * 获取当前组件对应的数据
+   * @return {[Array}    当前组件对应的数据
    */
-	preView () {
-		var index = this.nowView - 1;
-		index = index < 0 ? 0 : index;
-		this.nowView = index;
-		this.moveViewTo(index);
-		return index;
-	}
-
-	/**
-	 * 更新列表数据
-	 * @param  {Array} list 新的列表数据
-	 */
-	updateList (list) {
-		// 更新list
-		this.data.list = list;
-		this.updateData('list', list);
-		this.initStruct();
-	}
-
-	/**
-	 * 更新某个列表元素的值,具体属性值
-	 * @param  {number} index  元素位于列表数组中的索引
-	 * @param  {string} varStr 需要更新元素的属性名
-	 * @param  {any}    value  元素子属性的更新值
-	 */
-	updateListItem (index, varStr, value) {
-		var tempStr = 'list[' + index + '].' + varStr;
-		this.updateData(tempStr, value);
-	}
-
-	/**
-	 * 获取当前组件对应的数据
-	 * @return {[Array}    当前组件对应的数据
-	 */
-	getList () {
-		/* 保持插件内部 list 变量 和 data 下的 list 变量 一致  */
-		this.data.list = this.pageCtx.data[this.DataVarName].list;
-		return this.data.list;
-	}
+  getList() {
+    /* 保持插件内部 list 变量 和 data 下的 list 变量 一致  */
+    this.data.list = this.pageCtx.data[this.DataVarName].list;
+    return this.data.list;
+  }
 }
 
 module.exports = hSwiper;
\ No newline at end of file