From 2dd2dfed45421e792f2fbf51c0e3dd331e4ff0a1 Mon Sep 17 00:00:00 2001 From: wangqing Date: Tue, 22 Dec 2020 18:35:36 +0800 Subject: [PATCH] =?UTF-8?q?=E6=88=91=E7=9A=84=E9=A1=B5=E9=9D=A2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/styles/index.scss | 3 + src/main.js | 2 +- src/utils/plugins.js | 21 ++ src/views/account/member.vue | 444 ++++++++++++++++++++++++++++------- 4 files changed, 380 insertions(+), 90 deletions(-) create mode 100644 src/utils/plugins.js 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 @@