//    拖动盒子宽度 570
    var num = document.getElementById('hork').offsetWidth
    //    可视宽375
    var num2 = document.documentElement.clientWidth
    //    距离左边距 45
    var num3 = document.getElementById('hork').offsetLeft

    Vue.directive('panmove', {
                inserted: function (target) {
                    var hammertime = new Hammer(target);
                    var targetLeft = document.getElementById('hork')

                    hammertime.on('panmove', function (ev) {
                        console.log(targetLeft.style.webkitTransform);
//                        如果视口左边大于45 禁止拖动
//                        如果盒子拖到最尾禁止
//                        console.log(target.offsetLeft);
                        target.style.webkitTransform = "translate3D(" + ev.deltaX + "px,0,0)";
//                        target.style.webkitTransform = "translateX("+ev.deltaX+"px)";
                    });
                }
            }
    );
    var vm = new Vue({
        el: '#app',
        data: {},
        methods: {
            test(){
                console.log(document.getElementById('hork').style.webkitTransform)
//                'translateX(-230px)'.match(/translateX\((.*)\)/)[1]
            }
        }
    })
    //促销

##下载源码
问题详细 和源码下载