订餐系统—滑动敏捷度—MUI探索

【前言】    

       一直在五楼用餐，平时会一次性将这一周的饭全部订好，到五楼直接打饭吃。这体现了2分钟原则和清空大脑思想。这就用到了我们订餐系统的手机端。

       然而，手机端使用的时候一直存在一个问题，就是滑动灵敏度太高，手一碰，就会换页。用起来不太方便。我也感觉这一点不好，但是没有想过要怎么解决。后来在禅道上看到了这个bug，心想要解决了。万万没想到，没多长时间，这个任务指向了我。要让我来解决。

【正文】

       手机端用的框架是MUI，我之前研究过一点点。所以在上手的时候有方向。经过搜索，发现了更改MUI控件滑动灵敏度需要在mui.js中找到一个方法，改掉其中的参数就可以了。

	var Slider = $.Slider = $.Scroll.extend({
		init: function(element, options) {
			this._super(element, $.extend(true, {
				fingers: 1,
				interval: 0, //设置为0，则不定时轮播
				scrollY: false,
				scrollX: true,
				indicators: false,
				scrollTime: 1000,
				startX: false,
				slideTime: 0, //滑动动画时间
				snap: SELECTOR_SLIDER_ITEM
			}, options));
			if (this.options.startX) {
				//				$.trigger(this.wrapper, 'scrollend', this);
			}
		}

        这段代码就是封装在mui.js中的方法，管理控件轮播的。slidetime：初始值为0.这样基本上手一碰就会轮播。于是我改成1000试了一下，果然很难滑动了。后来测试了一下，用了500，比较合适。

【总结】

        MUI也是很值得总结，探索的。