From e3df4f47a62f61c8d6b998747c8238886014aa70 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=BB=83=E5=BA=86=E6=A5=A0?= <LIANQINGNAN447@pingan.com.cn>
Date: Thu, 8 Jun 2017 20:30:51 +0800
Subject: [PATCH 1/4] develop

---
 touchslide/README.md        |  68 ++++++++
 touchslide/toastslide.vue   | 323 +++++++++++++++++++++++++++++++++++
 touchslide/toolbarslide.vue | 328 ++++++++++++++++++++++++++++++++++++
 3 files changed, 719 insertions(+)
 create mode 100644 touchslide/README.md
 create mode 100644 touchslide/toastslide.vue
 create mode 100644 touchslide/toolbarslide.vue

diff --git a/touchslide/README.md b/touchslide/README.md
new file mode 100644
index 0000000..8febc26
--- /dev/null
+++ b/touchslide/README.md
@@ -0,0 +1,68 @@
+touchslide
+==============
+指定工具栏
+```html
+<toolbarslide :loop="true" :auto="false" :use-shade="false" :imgs="imgs" ></toolbarslide>
+```
+## props说明
+
+| 选项 | 默认值 | 必填 | 说明 |
+|----------|----------|----------|----------|
+| loop | false| N | 是否循环|
+| auto | false| N | 是否自动轮播|
+| imgs | []| y | 要轮播的图盘 |
+| need-tag| false | N | 图片上的小圆点 |
+| need-total| false | N | 显示总张数和当前滚动到第几张 |
+
+## 事件
+| nowpage|  | y | 返回当前轮播的页数，滚动完一次调用一次 |
+
+##imgs格式
+```js
+    imgs:[{src:"http://dfs.anhouse.com/view/1897dfc83c70666db36abc29c022b528917c304b/900x675.jpg"},
+        {src:"http://dfs.anhouse.com/view/f59c670ecf0c6d477c0d37b96f34957344e2d669/900x675.jpg"},
+        {src:"http://dfs.anhouse.com/view/75ccadb6df249dda8b5cc5a4dbf6e43afbd7bac3/900x675.jpg"},
+        {src:"http://dfs.anhouse.com/view/5c22c606e464a0875d795142bac6103b48446c73/900x675.jpg"},]
+```
+
+、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、
+
+
+```html
+<toastslide :loop="true" :auto="false" :use-shade="true"  :imgs="imgs" v-if="canvisible" @isvisible="changeVisible" ></toastslide>
+
+```
+
+## props说明
+
+| 选项 | 默认值 | 必填 | 说明 |
+|----------|----------|----------|----------|
+| loop | false| N | 是否循环|
+| auto | false| N | 是否自动轮播|
+| use-shade | /| N | 是否需要阴影背景|
+| imgs | []| y | 要轮播的图盘 |
+| init-index | 0| n | 默认滚动到第init-index张图片 |
+
+
+
+## 事件
+| 选项 | 默认值 | 必填 | 说明 |
+|----------|----------|----------|----------|
+| isvisible |  | Y | 点击弹框空白处回调方法，主要用来控制控件是否显示 |
+| visibility | true | N |  一般用来控制控件是否显示，组件要用， |
+| getpage |  | y | 返回当前轮播的页数, 滚动完一次调用一次|
+
+## js 说明
+
+```js
+    imgs:[
+        {src:"http://dfs.anhouse.com/view/1897dfc83c70666db36abc29c022b528917c304b/900x675.jpg"},
+        {src:"http://dfs.anhouse.com/view/f59c670ecf0c6d477c0d37b96f34957344e2d669/900x675.jpg"},
+        {src:"http://dfs.anhouse.com/view/75ccadb6df249dda8b5cc5a4dbf6e43afbd7bac3/900x675.jpg"},
+        {src:"http://dfs.anhouse.com/view/5c22c606e464a0875d795142bac6103b48446c73/900x675.jpg"},
+    ]
+
+ changeVisible(index){
+     console.log(index)
+ }
+```
\ No newline at end of file
diff --git a/touchslide/toastslide.vue b/touchslide/toastslide.vue
new file mode 100644
index 0000000..a0cab0b
--- /dev/null
+++ b/touchslide/toastslide.vue
@@ -0,0 +1,323 @@
+<style>
+    .vmui-touchslide-overlay{
+        width: 100%;
+    }
+    .vmui-touchslide-imgbox .vmui-toolbarslide-ul,.vmui-toolbarslide-li{
+        margin:0;
+        padding:0;
+    }
+    div.vmui-touchslide-imgbox{
+        width:100%;
+        height:100%;
+        overflow:hidden;
+        margin:0 auto;
+    }
+    div.vmui-touchslide-imgbox .vmui-toolbarslide-ul{
+        clear:both;
+        overflow: hidden;
+    }
+    div.vmui-touchslide-imgbox .vmui-toolbarslide-ul::after{
+        display: block;
+        content: "";
+        height: 0;
+        overflow: hidden;
+        clear:both;
+    }
+    div.vmui-touchslide-imgbox .vmui-toolbarslide-ul .vmui-toolbarslide-li{
+        position: relative;
+        float:left;
+        height:100%;
+        overflow:hidden;
+        text-align:center;
+        margin: auto 0;
+    }
+    div.vmui-touchslide-imgbox .vmui-toolbarslide-ul .vmui-toolbarslide-li .vmui-toolbarslide-img{
+        position: relative;
+        margin-top: 50%;
+        transform: translateY(-50%);
+        -webkit-transform: translateY(-50%);
+        width: 100%;
+        max-height: 400px;
+    }
+    #page{color:red;}
+</style>
+
+<template>
+    <Shade v-if="useShade" :visible="visibility" v-on:click="shadeHide">
+        <Overlay ref="overlay" :class="className" position="center" :style="{background:'none'}" :visible="true">
+            <div class="vmui-touchslide-imgbox" v-on:click.stop="stopPropaga">
+                <ul class="vmui-toolbarslide-ul" ref="imgbox" v-on:touchstart="touchstart" v-on:touchmove="touchmove" v-on:touchend="touchend" >
+                    <li class="vmui-toolbarslide-li" v-for="(item, index) in imgs" :style="{width:width + 'px'}">
+                        <img class="vmui-toolbarslide-img" ref="img" v-bind:src="item.src"/>
+                    </li>
+                </ul>
+            </div>
+        </Overlay>
+    </Shade>
+    <Overlay v-else :visible="visibility" :class="className" position="center">
+        <div class="vmui-touchslide-imgbox" v-on:click.stop="stopPropaga">
+            <ul class="vmui-toolbarslide-ul" ref="imgbox" v-on:touchstart="touchstart" v-on:touchmove="touchmove" v-on:touchend="touchend" >
+                <li class="vmui-toolbarslide-li" v-for="(item, index) in imgs">
+                    <a href="#"><img class="vmui-toolbarslide-img" ref="img" v-bind:src="item.src"/></a>
+                </li>
+            </ul>
+        </div>
+    </Overlay>
+</template>
+
+<script>
+    import Vue from 'vue';
+    import Shade from '../shade';
+    import Overlay from '../overlay';
+    import _ from '../helper';
+
+    export default{
+        name:"toastslide",
+        components: {
+            Overlay,
+            Shade,
+        },
+        props:{
+            imgs: {
+                type: Array,
+                default: []
+            },
+            loop:{
+                type: Boolean,
+                default:true,
+            },
+            auto:{
+                type: Boolean,
+                default:false,
+            },
+            useShade:{
+                type: Boolean,
+                default:true,
+            },
+            height:{
+                type: Number,
+                default:0,
+            },
+            visibility:{
+                type: Boolean,
+                default:true,
+            },
+            initIndex:{
+                type:Number,
+                default:0,
+            }
+        },
+        data(){
+            return {
+                className: "vmui-touchslide-overlay",
+                contentWith: "",
+                //轮播参数
+                width:0,
+                size:0,
+                scroll_time: 300,//图片滚动时长
+                auto_wait_time:3000,//轮播间隔
+                maxleft: 0,//最大lfet值[不循环情况下的值
+                now_left: 0, //初始位置信息[不循环情况下的值]
+                point_x: null, //记录一个x坐标
+                point_y: null, //记录一个y坐标
+                move_left: false, //记录向哪边滑动
+                index: 0,
+                busy: false,
+                timer: null,
+            }
+        },
+
+        watch:{
+            imgs:{
+                handler(curVal,oldVal){
+                    this.init();
+                },
+                deep:true
+            }
+        },
+        computed:{
+        },
+        created(){
+
+        },
+        mounted(){
+            this.init();
+            this.go_index(this.initIndex);
+        },
+        methods:{
+            init(){
+                this.width = _.width(document);
+                let height = _.height(document);
+                this.size = this.imgs.length;
+                _.css(this.$refs.imgbox,{
+                    width:this.width * this.size,
+                    height:height *0.6
+                });
+                this.init_loop();
+                this.auto_scroll();
+            },
+            callfun(index){
+                this.$emit('getpage',index);
+            },
+            auto_scroll : function(){//自动滚动
+                var self = this;
+                if(!self.loop || !self.auto)return;
+                clearTimeout(self.timer);
+                self.timer = setTimeout(function(){
+                    self.go_index(self.index+1);
+                },self.auto_wait_time);
+            },
+            /*
+             初始化循环滚动,当一次性需要滚动多个子元素时，暂不支持循环滚动效果,
+             如果想实现一次性滚动多个子元素效果，可以通过页面结构实现
+             循环滚动思路：复制首尾节点到尾首
+             */
+            setWidth(obj){
+                if(obj){
+                    for(let i=0; i<obj.length; i++){
+                        _.css(obj[i],{
+                            'width':this.width
+                        });
+                    }
+                }
+            },
+            init_loop(){
+                let self = this;
+                if(this.$refs.imgbox.children.length == this.size && this.loop){//暂时只支持size和子节点数相等情况的循环
+                    this.now_left = -this.width;//设置初始位置信息
+                    this.minleft = -this.width * this.size;//最小left值
+                    this.maxleft = -this.width;
+                    this.$refs.imgbox.insertBefore(this.$refs.imgbox.childNodes[this.size-1].cloneNode(true),this.$refs.imgbox.childNodes[0]);
+                    this.$refs.imgbox.appendChild(this.$refs.imgbox.childNodes[1].cloneNode(true));
+                    _.css(this.$refs.imgbox,this.get_style(2));
+                    _.css(this.$refs.imgbox,{
+                            'width':this.width*(this.size+2)
+                    });
+                    this.setWidth(this.$refs.imgbox.childNodes);
+                }else{
+                    this.loop = false;
+                    _.css(this.$refs.imgbox,{
+                        'width': this.width * this.size
+                    });
+                }
+            },
+            touchstart(e){
+                let self = this;
+                if(e.touches.length==1 && !self.busy){
+                    self.point_x = e.touches[0].screenX;
+                    self.point_y = e.touches[0].screenY;
+                }
+            },
+            touchmove(e){
+                let self = this;
+                if(e.touches.length==1 && !self.busy){
+                    return self.move(e.touches[0].screenX,e.touches[0].screenY);//这里根据返回值觉得是否阻止默认touch事件
+                }
+            },
+            touchend(e){
+                let self = this;
+                !self.busy && self.move_end();
+            },
+            move(point_x,point_y){//滑动屏幕处理函数
+                let self = this;
+                let changeX = point_x - (this.point_x===null?point_x:this.point_x),
+                    changeY = point_y - (this.point_y===null?point_y:this.point_y),
+                    marginleft = this.now_left, return_value = false,
+                    sin =changeY/Math.sqrt(changeX * changeX + changeY * changeY);
+                this.now_left = marginleft+changeX;
+                this.move_left = changeX<0;
+                if(sin > Math.sin(Math.PI/3) || sin<-Math.sin(Math.PI/3)){//滑动屏幕角度范围：PI/3  -- 2PI/3
+                    return_value = true;//不阻止默认行为
+                }
+                this.point_x = point_x;
+                this.point_y = point_y;
+                _.css(this.$refs.imgbox,this.get_style(2));
+                return return_value;
+            },
+            move_end(){
+                let self = this;
+                let changeX = this.now_left % this.width,ind;
+                if(this.now_left < this.minleft){//手指向左滑动
+                    ind = this.index +1;
+                }else if(this.now_left>this.maxleft){//手指向右滑动
+                    ind = this.index-1;
+                }else if(changeX!=0){
+                    if(this.move_left){//手指向左滑动
+                        ind = this.index+1;
+                    }else{//手指向右滑动
+                        ind = this.index-1;
+                    }
+                }else{
+                    ind = this.index;
+                }
+                this.point_x = this.point_y = null;
+                this.go_index(ind);
+            },
+            go_index(ind){//滚动到指定索引页面
+                var self = this;
+                if(self.busy)return;
+                clearTimeout(self.timer);
+                self.busy = true;
+                if(self.loop){//如果循环
+                    ind = ind<0?-1:ind;
+                    ind = ind>self.size?self.size:ind;
+                }else{
+                    ind = ind<0?0:ind;
+                    ind = ind>=self.size?(self.size-1):ind;
+                }
+                if(!self.loop && (self.now_left == -(self.width*ind))){
+                    self.complete(ind);
+                }else if(self.loop && (self.now_left == -self.width*(ind+1))){
+                    self.complete(ind);
+                }else{
+                    if(ind == -1 || ind == self.size){//循环滚动边界
+                        self.index = ind==-1?(self.size-1):0;
+                        self.now_left = ind==-1?0:-self.width*(self.size+1);
+                    }else{
+                        self.index = ind;
+                        self.now_left = -(self.width*(self.index+(self.loop?1:0)));
+                    }
+                    _.css(this.$refs.imgbox,this.get_style(1));
+                    setTimeout(function(){
+                        self.complete(ind);
+                    },self.scroll_time);
+                }
+            },
+            complete(ind){//动画完成回调
+                var self = this;
+                self.busy = false;
+                self.callfun(self.index);
+                if(ind==-1){
+                    self.now_left = self.minleft;
+                }else if(ind==self.size){
+                    self.now_left = self.maxleft;
+                }
+                _.css(this.$refs.imgbox,this.get_style(2));
+                self.auto_scroll();
+            },
+            /*
+             获取动画样式，要兼容更多浏览器，可以扩展该方法
+             @int fig : 1 动画 2  没动画
+             */
+            get_style(fig){
+                let self = this;
+                let x = this.now_left,
+                    time = fig==1?this.scroll_time:0;
+                return {
+                    '-webkit-transition':'-webkit-transform '+time+'ms',
+                    '-webkit-transform':'translate3d('+x+'px,0,0)',
+                    '-webkit-backface-visibility': 'hidden',
+                    'transition':'transform '+time+'ms',
+                    'transform':'translate3d('+x+'px,0,0)'
+                };
+            },
+            shadeHide(e){
+                this.visible = false;
+                this.$emit('isvisible');
+            },
+            stopPropaga(e){
+                e.stopPropagation();
+            }
+        }
+    }
+</script>
\ No newline at end of file
diff --git a/touchslide/toolbarslide.vue b/touchslide/toolbarslide.vue
new file mode 100644
index 0000000..95e6bf8
--- /dev/null
+++ b/touchslide/toolbarslide.vue
@@ -0,0 +1,328 @@
+<style>
+    .vmui-toolbarslide-overlay{
+        width: 100%;
+    }
+    .vmui-toolbarslide-imgbox{
+        position: relative;
+    }
+    .vmui-toolbarslide-imgbox .vmui-toolbarslide-ul,li{
+        margin:0;
+        padding:0;
+    }
+    div.vmui-toolbarslide-imgbox{
+        width:100%;
+        height:100%;
+        overflow:hidden;
+        margin:0 auto;
+    }
+    div.vmui-toolbarslide-imgbox .vmui-toolbarslide-ul{
+        clear:both;
+        overflow: hidden;
+        height: 100% !important;
+    }
+    div.vmui-toolbarslide-imgbox .vmui-toolbarslide-ul::after{
+        display: block;
+        content: "";
+        height: 0;
+        overflow: hidden;
+        clear:both;
+    }
+    div.vmui-toolbarslide-imgbox .vmui-toolbarslide-ul li{
+        float:left;
+        width: 100%;
+        height:100%;
+        overflow:hidden;
+        text-align:center;
+        margin: auto 0;
+    }
+    a.vmui-toolbarslide-a{
+        margin: 0 !important;
+        padding: 0 !important;
+    }
+    #page{color:red;}
+    .vmui-toolbarslide-tags{
+        position: absolute;
+        bottom: 9%;
+        width: 100%;
+        text-align: center;
+    }
+    .vmui-toolbarslide-tag{
+        display: inline-block;
+        width: 8px;
+        height: 8px;
+        display: inline-block;
+        border-radius: 100%;
+        background: #fff;
+        margin-left: 6px;
+    }
+    .vmui-toolbarslide-tag.active{
+        opacity: .2;
+    }
+    .vmui-toolbarslide-count{
+        position: absolute;
+        bottom: 9%;
+        right: 20px;
+    }
+    .vmui-toolbarslide-countshow{
+        font-size: 14px;
+        color: #fff;
+    }
+</style>
+
+<template>
+    <div class="vmui-toolbarslide-imgbox" ref="imgbox_content">
+        <ul ref="imgbox" v-on:touchstart="touchstart" v-on:touchmove="touchmove" v-on:touchend="touchend" class="vmui-toolbarslide-ul">
+            <li v-for="(item, index) in imgs" @click="$emit('imgclick',index)">
+                <a href="#" class="vmui-toolbarslide-a"><img ref="img" v-bind:src="item.src" /></a>
+            </li>
+        </ul>
+        <div class="vmui-toolbarslide-tags" v-if="needTag">
+            <span class="vmui-toolbarslide-tag" v-for="(item, i) in imgs" :class="{'active':(i == index)}"></span>
+        </div>
+        <div class="vmui-toolbarslide-count" v-if="needTotal">
+            <span class="vmui-toolbarslide-countshow" v-text="(index+1) + ' / ' + size"></span>
+        </div>
+    </div>
+</template>
+
+<script>
+    import Vue from 'vue';
+    import Shade from '../shade';
+    import Overlay from '../overlay';
+    import _ from '../helper';
+
+    export default{
+        name:"toolbarslide",
+        components: {
+            Overlay,
+            Shade
+        },
+        props:{
+            needTag:{
+                type:Boolean,
+                default:false,
+            },
+            needTotal:{
+                type:Boolean,
+                default:false,
+            },
+            imgs: {
+                type: Array,
+                default: []
+            },
+            loop:{
+                type: Boolean,
+                default:true,
+            },
+            auto:{
+                type: Boolean,
+                default:false,
+            },
+            useShade:{
+                type: Boolean,
+                default:true,
+            },
+            height:{
+                type: Number,
+                default:0,
+            }
+        },
+        data(){
+            return {
+                visible:true,
+                className: "vmui-touchslide-overlay",
+                contentWith: "",
+                width:0,
+                size:0,
+                scroll_time: 300,//图片滚动时长
+                auto_wait_time:3000,//轮播间隔
+                maxleft: 0,//最大lfet值[不循环情况下的值
+                now_left: 0, //初始位置信息[不循环情况下的值]
+                point_x: null, //记录一个x坐标
+                point_y: null, //记录一个y坐标
+                move_left: false, //记录向哪边滑动
+                index: 0,
+                busy: false,
+                timer: null,
+            }
+        },
+
+        mounted(){
+            this.init();
+        },
+        methods:{
+            init(){
+                let h = _.height(this.$el);
+                _.css(this.$refs.imgbox_content,{
+                    height:h,
+                });
+                this.width = _.width(document);
+                let height = _.height(this.$el);
+                this.size = this.imgs.length;
+                _.css(this.$refs.imgbox,{
+                    width:this.width * this.size,
+                });
+                for(let index of this.$refs.imgbox.getElementsByTagName("img")){
+                    index.width = this.width;
+                    index.height = height;
+                }
+                this.init_loop();
+                this.auto_scroll();
+            },
+            //返回当前页数
+            callfun(index){
+                this.$emit('nowpage',index);
+            },
+            auto_scroll : function(){//自动滚动
+                var self = this;
+                if(!self.loop || !self.auto)return;
+                clearTimeout(self.timer);
+                self.timer = setTimeout(function(){
+                    self.go_index(self.index+1);
+                },self.auto_wait_time);
+            },
+            /*
+             初始化循环滚动,当一次性需要滚动多个子元素时，暂不支持循环滚动效果,
+             如果想实现一次性滚动多个子元素效果，可以通过页面结构实现
+             循环滚动思路：复制首尾节点到尾首
+             */
+            init_loop(){
+                let self = this;
+                if(this.$refs.imgbox.children.length == this.size && this.loop){//暂时只支持size和子节点数相等情况的循环
+                    this.now_left = -this.width;//设置初始位置信息
+                    this.minleft = -this.width * this.size;//最小left值
+                    this.maxleft = -this.width;
+                    this.$refs.imgbox.insertBefore(this.$refs.imgbox.childNodes[this.size-1].cloneNode(true),this.$refs.imgbox.childNodes[0]);
+                    this.$refs.imgbox.appendChild(this.$refs.imgbox.childNodes[1].cloneNode(true));
+                    _.css(this.$refs.imgbox,this.get_style(2));
+                    _.css(this.$refs.imgbox,{
+                        'width':this.width*(this.size+2)
+                    });
+                }else{
+                    this.loop = false;
+                    _.css(this.$refs.imgbox,{
+                        'width': this.width * this.size
+                    });
+                }
+            },
+            touchstart(e){
+                let self = this;
+                if(e.touches.length==1 && !self.busy){
+                    self.point_x = e.touches[0].screenX;
+                    self.point_y = e.touches[0].screenY;
+                }
+            },
+            touchmove(e){
+                let self = this;
+                if(e.touches.length==1 && !self.busy){
+                    return self.move(e.touches[0].screenX,e.touches[0].screenY);//这里根据返回值觉得是否阻止默认touch事件
+                }
+            },
+            touchend(e){
+                let self = this;
+                !self.busy && self.move_end();
+            },
+            move(point_x,point_y){//滑动屏幕处理函数
+                let self = this;
+                let changeX = point_x - (this.point_x===null?point_x:this.point_x),
+                    changeY = point_y - (this.point_y===null?point_y:this.point_y),
+                    marginleft = this.now_left, return_value = false,
+                    sin =changeY/Math.sqrt(changeX * changeX + changeY * changeY);
+                this.now_left = marginleft+changeX;
+                this.move_left = changeX<0;
+                if(sin > Math.sin(Math.PI/3) || sin<-Math.sin(Math.PI/3)){//滑动屏幕角度范围：PI/3  -- 2PI/3
+                    return_value = true;//不阻止默认行为
+                }
+                this.point_x = point_x;
+                this.point_y = point_y;
+                _.css(this.$refs.imgbox,this.get_style(2));
+                return return_value;
+            },
+            move_end(){
+                let self = this;
+                let changeX = this.now_left % this.width,ind;
+                if(this.now_left < this.minleft){//手指向左滑动
+                    ind = this.index +1;
+                }else if(this.now_left>this.maxleft){//手指向右滑动
+                    ind = this.index-1;
+                }else if(changeX!=0){
+                    if(this.move_left){//手指向左滑动
+                        ind = this.index+1;
+                    }else{//手指向右滑动
+                        ind = this.index-1;
+                    }
+                }else{
+                    ind = this.index;
+                }
+                this.point_x = this.point_y = null;
+                this.go_index(ind);
+            },
+            go_index(ind){//滚动到指定索引页面
+                var self = this;
+                if(self.busy)return;
+                clearTimeout(self.timer);
+                self.busy = true;
+                if(self.loop){//如果循环
+                    ind = ind<0?-1:ind;
+                    ind = ind>self.size?self.size:ind;
+                }else{
+                    ind = ind<0?0:ind;
+                    ind = ind>=self.size?(self.size-1):ind;
+                }
+                if(!self.loop && (self.now_left == -(self.width*ind))){
+                    self.complete(ind);
+                }else if(self.loop && (self.now_left == -self.width*(ind+1))){
+                    self.complete(ind);
+                }else{
+                    if(ind == -1 || ind == self.size){//循环滚动边界
+                        self.index = ind==-1?(self.size-1):0;
+                        self.now_left = ind==-1?0:-self.width*(self.size+1);
+                    }else{
+                        self.index = ind;
+                        self.now_left = -(self.width*(self.index+(self.loop?1:0)));
+                    }
+                    _.css(this.$refs.imgbox,this.get_style(1));
+                    //self.box.css(this.get_style(1));
+                    setTimeout(function(){
+                        self.complete(ind);
+                    },self.scroll_time);
+                }
+            },
+            complete(ind){//动画完成回调
+                var self = this;
+                self.busy = false;
+                self.callfun(self.index);
+                if(ind==-1){
+                    self.now_left = self.minleft;
+                }else if(ind==self.size){
+                    self.now_left = self.maxleft;
+                }
+                _.css(this.$refs.imgbox,this.get_style(2));
+                //self.box.css(this.get_style(2));
+                self.auto_scroll();
+            },
+            /*
+             获取动画样式，要兼容更多浏览器，可以扩展该方法
+             @int fig : 1 动画 2  没动画
+             */
+            get_style(fig){
+                let self = this;
+                let x = this.now_left,
+                    time = fig==1?this.scroll_time:0;
+                return {
+                    '-webkit-transition':'-webkit-transform '+time+'ms',
+                    '-webkit-transform':'translate3d('+x+'px,0,0)',
+                    '-webkit-backface-visibility': 'hidden',
+                    'transition':'transform '+time+'ms',
+                    'transform':'translate3d('+x+'px,0,0)'
+                };
+            },
+            shadeHide(e){
+                this.visible = false;
+            },
+            stopPropaga(e){
+                e.stopPropagation();
+            }
+        }
+    }
+</script>
\ No newline at end of file

From 750c5e814fc740e291fda3462ed554b0000d16b7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=BB=83=E5=BA=86=E6=A5=A0?= <LIANQINGNAN447@pingan.com.cn>
Date: Fri, 9 Jun 2017 13:51:42 +0800
Subject: [PATCH 2/4] story develop

---
 list/empty.png              | Bin 6136 -> 13556 bytes
 touchslide/toolbarslide.vue |  41 +++++++++++++++++++++++++++++-------
 2 files changed, 33 insertions(+), 8 deletions(-)

diff --git a/list/empty.png b/list/empty.png
index 43d3c33d5111ac67e00e98640065c2020cb598b6..156f260d6a721b0caa5d25c42bba8d9281fc9f84 100644
GIT binary patch
literal 13556
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

literal 6136
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
Gj_`jZy$NFg

diff --git a/touchslide/toolbarslide.vue b/touchslide/toolbarslide.vue
index 95e6bf8..6dec324 100644
--- a/touchslide/toolbarslide.vue
+++ b/touchslide/toolbarslide.vue
@@ -122,10 +122,10 @@
                 type: Boolean,
                 default:true,
             },
-            height:{
-                type: Number,
-                default:0,
-            }
+            // height:{
+            //     type: Number,
+            //     default:0,
+            // }
         },
         data(){
             return {
@@ -144,6 +144,7 @@
                 index: 0,
                 busy: false,
                 timer: null,
+                height:0
             }
         },
 
@@ -153,6 +154,7 @@
         methods:{
             init(){
                 let h = _.height(this.$el);
+                this.height = h;
                 _.css(this.$refs.imgbox_content,{
                     height:h,
                 });
@@ -162,11 +164,17 @@
                 _.css(this.$refs.imgbox,{
                     width:this.width * this.size,
                 });
-                for(let index of this.$refs.imgbox.getElementsByTagName("img")){
-                    index.width = this.width;
-                    index.height = height;
-                }
+                
                 this.init_loop();
+                for(let index in this.$refs.imgbox.getElementsByTagName("img")){
+                    console.log(this.$refs.imgbox.getElementsByTagName("img")[index]);
+                    // this.$refs.imgbox.getElementsByTagName("img")[index].setAttribute("width",this.width + 'px');
+                    // this.$refs.imgbox.getElementsByTagName("img")[index].setAttribute("height",this.height + 'px');
+                    // this.$refs.imgbox.getElementsByTagName("img")[index].style.width = this.width + 'px';
+                    // this.$refs.imgbox.getElementsByTagName("img")[index].style.height = height + 'px';
+                    // index.width = this.width;
+                    // index.height = height;
+                }
                 this.auto_scroll();
             },
             //返回当前页数
@@ -181,6 +189,21 @@
                     self.go_index(self.index+1);
                 },self.auto_wait_time);
             },
+            setWidth(obj){
+                if(obj){
+                    for(let i=0; i<obj.length; i++){
+                        _.css(obj[i],{
+                            'width':this.width,
+                            'height':this.height
+                        });
+
+                        _.css(obj[i].childNodes[0].childNodes[0],{
+                            'width':this.width,
+                            'height':this.height
+                        })
+                    }
+                }
+            },
             /*
              初始化循环滚动,当一次性需要滚动多个子元素时，暂不支持循环滚动效果,
              如果想实现一次性滚动多个子元素效果，可以通过页面结构实现
@@ -192,6 +215,7 @@
                     this.now_left = -this.width;//设置初始位置信息
                     this.minleft = -this.width * this.size;//最小left值
                     this.maxleft = -this.width;
+                    // console.log(this.$refs.imgbox.childNodes[0]);
                     this.$refs.imgbox.insertBefore(this.$refs.imgbox.childNodes[this.size-1].cloneNode(true),this.$refs.imgbox.childNodes[0]);
                     this.$refs.imgbox.appendChild(this.$refs.imgbox.childNodes[1].cloneNode(true));
                     _.css(this.$refs.imgbox,this.get_style(2));
@@ -204,6 +228,7 @@
                         'width': this.width * this.size
                     });
                 }
+                this.setWidth(this.$refs.imgbox.childNodes);
             },
             touchstart(e){
                 let self = this;

From efe26b350a29179db7654896f509bed761eada09 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=BB=83=E5=BA=86=E6=A5=A0?= <LIANQINGNAN447@pingan.com.cn>
Date: Mon, 12 Jun 2017 13:42:33 +0800
Subject: [PATCH 3/4] dev

---
 touchslide/toolbarslide.vue | 13 -------------
 1 file changed, 13 deletions(-)

diff --git a/touchslide/toolbarslide.vue b/touchslide/toolbarslide.vue
index 6dec324..f8075e4 100644
--- a/touchslide/toolbarslide.vue
+++ b/touchslide/toolbarslide.vue
@@ -122,10 +122,6 @@
                 type: Boolean,
                 default:true,
             },
-            // height:{
-            //     type: Number,
-            //     default:0,
-            // }
         },
         data(){
             return {
@@ -166,15 +162,6 @@
                 });
                 
                 this.init_loop();
-                for(let index in this.$refs.imgbox.getElementsByTagName("img")){
-                    console.log(this.$refs.imgbox.getElementsByTagName("img")[index]);
-                    // this.$refs.imgbox.getElementsByTagName("img")[index].setAttribute("width",this.width + 'px');
-                    // this.$refs.imgbox.getElementsByTagName("img")[index].setAttribute("height",this.height + 'px');
-                    // this.$refs.imgbox.getElementsByTagName("img")[index].style.width = this.width + 'px';
-                    // this.$refs.imgbox.getElementsByTagName("img")[index].style.height = height + 'px';
-                    // index.width = this.width;
-                    // index.height = height;
-                }
                 this.auto_scroll();
             },
             //返回当前页数

From 974569f268a7df93f34acb3947aacf8dd612a368 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=BB=83=E5=BA=86=E6=A5=A0?= <LIANQINGNAN447@pingan.com.cn>
Date: Mon, 19 Jun 2017 17:46:35 +0800
Subject: [PATCH 4/4] updata list.vue

---
 list/index.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/list/index.vue b/list/index.vue
index fcc4703..a6a719a 100644
--- a/list/index.vue
+++ b/list/index.vue
@@ -14,7 +14,9 @@
         <slot name="pullleave-msg" v-if="!isRefreshing && intop">松手刷新数据</slot>
         <slot name="refresh-msg" v-if="isRefreshing"><i class="vmui-list-loading-icon"></i>正在刷新数据</slot>
     </div>
-
+    <div>
+        <slot name="content"></slot>
+    </div>
     <div class="vmui-list-header">
         <slot name="header"></slot>
     </div>