修复轮播在android小米手机样式问题，轮播中间停止问题，优化表单与列表展示

demo/newform.html

@@ -19,13 +19,15 @@
    </div>
    <div class="ui-col">
        <section id="form">
            <br>
            <div class="demo-desc">
                表单输入
            </div>
            <div class="ui-list ui-list-form">
                <ul>
                    <li class="ui-list-item">
                        <div class="ui-list-item-inner">
                            <div class="ui-list-item-label">
                                用户名
                                用户名：
                            </div>
                            <div class="ui-list-item-input-wrap">
                                <input class="ui-list-item-input" type="text"  placeholder="请输入用户名">
@@ -35,7 +37,7 @@
                    <li class="ui-list-item">
                        <div class="ui-list-item-inner">
                            <div class="ui-list-item-label">
                                密码
                                密码：
                            </div>
                            <div class="ui-list-item-input-wrap">
                                <input class="ui-list-item-input" type="password" placeholder="请输入密码">
@@ -45,7 +47,7 @@
                    <li class="ui-list-item">
                        <div class="ui-list-item-inner">
                            <div class="ui-list-item-label">
                                性别
                                性别：
                            </div>
                            <div class="ui-list-item-input-wrap">
                                <input class="ui-list-item-input" type="text"  placeholder="性别">
@@ -55,7 +57,7 @@
                    <li class="ui-list-item">
                        <div class="ui-list-item-inner">
                            <div class="ui-list-item-label">
                                开关
                                开关：
                            </div>
                            <div class="ui-list-item-input-wrap">
                                <label class="ui-switch">
@@ -67,7 +69,7 @@
                    <li class="ui-list-item">
                        <div class="ui-list-item-inner">
                            <div class="ui-list-item-label">
                                内容输入
                                内容输入：
                            </div>
                            <div class="ui-list-item-input-wrap">
                               <textarea class="ui-list-item-textarea" placeholder="文本内容"></textarea>
@@ -76,6 +78,63 @@
                    </li>
                </ul>
            </div>
            <div class="demo-desc">
                表单展示
            </div>
            <div class="ui-list ui-list-form">
                <ul>
                    <li class="ui-list-item">
                        <div class="ui-list-item-inner">
                            <div class="ui-list-item-label">
                                用户名
                            </div>
                            <div class="ui-list-item-input-wrap">
                                光头强
                            </div>
                        </div>
                    </li>
                    <li class="ui-list-item">
                        <div class="ui-list-item-inner">
                            <div class="ui-list-item-label">
                                密码
                            </div>
                            <div class="ui-list-item-input-wrap">
                                12345678
                            </div>
                        </div>
                    </li>
                    <li class="ui-list-item">
                        <div class="ui-list-item-inner">
                            <div class="ui-list-item-label">
                                性别
                            </div>
                            <div class="ui-list-item-input-wrap">
                                男
                            </div>
                        </div>
                    </li>
                    <li class="ui-list-item">
                        <div class="ui-list-item-inner">
                            <div class="ui-list-item-label">
                                开关
                            </div>
                            <div class="ui-list-item-input-wrap">
                                开
                            </div>
                        </div>
                    </li>
                    <li class="ui-list-item">
                        <div class="ui-list-item-inner">
                            <div class="ui-list-item-label">
                                内容输入
                            </div>
                            <div class="ui-list-item-input-wrap">
                                用户输入的文本内容用户输入的文本内容用户输入的文本内容用户输入的文本内容用户输入的文本内容
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </section>
    </div>

demo/static/view/list.html

@@ -129,11 +129,13 @@
                                <img src="../../img/01.jpg" alt="" />
                            </div>
                            <div class="ui-list-item-inner">
                                <div class="ui-list-item-title">
                                    列表项
                                </div>
                                <div class="ui-list-item-after">
                                    标签
                                <div class="ui-list-item-title-row">
                                    <div class="ui-list-item-title">
                                        列表项
                                    </div>
                                    <div class="ui-list-item-after">
                                        标签
                                    </div>
                                </div>
                            </div>
                        </a>
@@ -144,11 +146,13 @@
                                <img src="../../img/01.jpg" alt="" />
                            </div>
                            <div class="ui-list-item-inner">
                                <div class="ui-list-item-title">
                                    列表项
                                </div>
                                <div class="ui-list-item-after">
                                    标签
                                <div class="ui-list-item-title-row">
                                    <div class="ui-list-item-title">
                                        列表项
                                    </div>
                                    <div class="ui-list-item-after">
                                        标签
                                    </div>
                                </div>
                            </div>
                        </a>
@@ -159,11 +163,13 @@
                                <img src="../../img/01.jpg" alt="" />
                            </div>
                            <div class="ui-list-item-inner">
                                <div class="ui-list-item-title">
                                    列表项
                                </div>
                                <div class="ui-list-item-after">
                                    标签
                                <div class="ui-list-item-title-row">
                                    <div class="ui-list-item-title">
                                        列表项
                                    </div>
                                    <div class="ui-list-item-after">
                                        标签
                                    </div>
                                </div>
                            </div>
                        </a>
@@ -174,11 +180,13 @@
                                <img src="../../img/01.jpg" alt="" />
                            </div>
                            <div class="ui-list-item-inner">
                                <div class="ui-list-item-title">
                                    列表项
                                </div>
                                <div class="ui-list-item-after">
                                    标签
                                <div class="ui-list-item-title-row">
                                    <div class="ui-list-item-title">
                                        列表项
                                    </div>
                                    <div class="ui-list-item-after">
                                        标签
                                    </div>
                                </div>
                            </div>
                        </a>

src/js/hammerCarousel.js

@@ -6,14 +6,14 @@
// 理想是移除carousel.js的实现，用hammerCarousel.js实现所有相关功能
(function (ipu, $, Hammer) {
    function Carousel(navSlt, options) {
    function HammerCarousel(navSlt, options) {
        this.options = options = $.extend({}, this.defaultOptions, options);
        this.el = $(navSlt).get(0);
        this._init();
    }
    // 直接替换掉了prototype对象，可能不是个好选择
    Carousel.prototype = {
    HammerCarousel.prototype = {
        defaultOptions: {
            index: null,        // 默认显示第几个项，其实挺没用的，默认显示第一个，用户再调用一下显示第几个，作用一样现在。
            autoPlay: false,    // 是否自动轮播
@@ -208,13 +208,13 @@
                    index = this.size;
                }
                this._show(index);
            } else {
            } else if (ev.type == 'panmove'){
                this.move(delta);
            }
        }
    };
    ipu.hammerCarousel = function (slt, options) {
        return new Carousel(slt, options);
        return new HammerCarousel(slt, options);
    };
})(ipu || window, jQuery,  Hammer);

src/sass/ipu/base/mixin.scss

@@ -164,7 +164,7 @@
    display: -webkit-flex;
    display: flex;
}
// 子项空间分配比率
// 子项空间分配比率，理论上基础尺寸应该为0，如宽度或高度为0
@mixin flex-grow($growNum){
    -webkit-box-flex: $growNum;
    -webkit-flex-grow: $growNum;

src/sass/ipu/carousel.scss

@@ -42,7 +42,6 @@
        position: relative;
        display: inline-block;
        width: 100%;
        height: 100%;
        font-size:$fs-m;
        vertical-align: top;
        white-space: normal;

src/sass/ipu/layout/list.scss

@@ -64,6 +64,7 @@
    @include flex-grow(1);
    @include flex();
    font-size: .17rem;
    width: 0;
}
.ui-list-item-media{
    padding: $ptb-item-media 0;
@@ -92,9 +93,11 @@
.ui-list-form{
    .ui-list-item-label{
        width: 35%;
        color:#666;
    }
    .ui-list-item-input-wrap{
        @include flex-grow(1);
        width: 0%;
        .ui-list-item-input, .ui-list-item-textarea{
            display: block;
            box-sizing: border-box;