diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss index 6465ef1..5f3a061 100644 --- a/src/assets/styles/index.scss +++ b/src/assets/styles/index.scss @@ -60,6 +60,9 @@ div:focus { .pl-5 { padding-left: 5px; } +.pl-10 { + padding-left: 10px; +} .block { display: block; } diff --git a/src/main.js b/src/main.js index e1fe1d4..fec0cda 100644 --- a/src/main.js +++ b/src/main.js @@ -10,7 +10,7 @@ import router from './router/index' import api from './api' import store from './store/index' import '@/assets/styles/index.scss' // global css - +import '@/utils/plugins' // 全局组件自动注册 import '@/components/autoRegister' import VueClipboard from 'vue-clipboard2' diff --git a/src/utils/plugins.js b/src/utils/plugins.js new file mode 100644 index 0000000..c8fb3db --- /dev/null +++ b/src/utils/plugins.js @@ -0,0 +1,21 @@ +import Vue from 'vue'; + +// 防重复点击(指令实现) +const preventReClick= Vue.directive('preventReClick', { + inserted (el, binding) { + el.addEventListener('click', () => { + console.log('aaa') + if (!el.disabled) { + el.disabled = true + setTimeout(() => { + el.disabled = false + }, binding.value || 3000) + } + }) + } +}) + + +export default { + preventReClick +} diff --git a/src/views/account/member.vue b/src/views/account/member.vue index 769efd3..2c1edeb 100644 --- a/src/views/account/member.vue +++ b/src/views/account/member.vue @@ -1,9 +1,49 @@