自定义指定-防重复点击和自适应高度

1. 自适应高度 v-autoComputedHeight

// 已知设计稿高度，自适应高度
Vue.directive('autoComputedHeight', {
    inserted(el, bind) {
        if (bind.value) {
            const scale = 375 // 计算宽度比例为 375
            const designHeight = bind.value // 设计稿高度
            const screenWidth = document.documentElement.clientWidth // 当前屏幕宽度
            const result = designHeight * ( screenWidth / scale)
            el.style = `height: ${result}px`
        }
    }
})

2. 防重复点击 v-preventReClick

// 防重复点击
Vue.directive('preventReClick', {
    inserted (el, bind) {
        el.addEventListener('click', () => {
            if (!el.disabled) {
                el.disabled = true
                setTimeout(() => {
                    el.disabled = false
                }, bind.value || 3000)
            }
        })
    }
})