diff --git a/list/empty.png b/list/empty.png
index 43d3c33..156f260 100644
Binary files a/list/empty.png and b/list/empty.png differ
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>
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..f8075e4
--- /dev/null
+++ b/touchslide/toolbarslide.vue
@@ -0,0 +1,340 @@
+<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,
+            },
+        },
+        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,
+                height:0
+            }
+        },
+
+        mounted(){
+            this.init();
+        },
+        methods:{
+            init(){
+                let h = _.height(this.$el);
+                this.height = h;
+                _.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,
+                });
+                
+                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);
+            },
+            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
+                        })
+                    }
+                }
+            },
+            /*
+             初始化循环滚动,当一次性需要滚动多个子元素时，暂不支持循环滚动效果,
+             如果想实现一次性滚动多个子元素效果，可以通过页面结构实现
+             循环滚动思路：复制首尾节点到尾首
+             */
+            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;
+                    // 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));
+                    _.css(this.$refs.imgbox,{
+                        'width':this.width*(this.size+2)
+                    });
+                }else{
+                    this.loop = false;
+                    _.css(this.$refs.imgbox,{
+                        'width': this.width * this.size
+                    });
+                }
+                this.setWidth(this.$refs.imgbox.childNodes);
+            },
+            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