From f99b97d9f1f1bb74c7bde4062ceab2be45e0e479 Mon Sep 17 00:00:00 2001 From: Pan <panfree23@gmail.com> Date: Tue, 24 Oct 2017 17:37:14 +0800 Subject: [PATCH] refactor: change DndList name --- src/components/{twoDndList => DndList}/index.vue | 12 ++++++------ src/views/components/dndList.vue | 2 +- 2 files changed, 7 insertions(+), 7 deletions(-) rename src/components/{twoDndList => DndList}/index.vue (94%) diff --git a/src/components/twoDndList/index.vue b/src/components/DndList/index.vue similarity index 94% rename from src/components/twoDndList/index.vue rename to src/components/DndList/index.vue index 09e1fe0d..da9e76a5 100644 --- a/src/components/twoDndList/index.vue +++ b/src/components/DndList/index.vue @@ -1,6 +1,6 @@ <template> - <div class="twoDndList"> - <div class="twoDndList-list" :style="{width:width1}"> + <div class="dndList"> + <div class="dndList-list" :style="{width:width1}"> <h3>{{list1Title}}</h3> <draggable :list="list1" class="dragArea" :options="{group:'article'}"> <div class="list-complete-item" v-for="element in list1" :key='element.id'> @@ -13,7 +13,7 @@ </div> </draggable> </div> - <div class="twoDndList-list" :style="{width:width2}"> + <div class="dndList-list" :style="{width:width2}"> <h3>{{list2Title}}</h3> <draggable :list="filterList2" class="dragArea" :options="{group:'article'}"> <div class="list-complete-item" v-for="element in filterList2" :key='element.id'> @@ -28,7 +28,7 @@ import draggable from 'vuedraggable' export default { - name: 'twoDndList', + name: 'DndList', components: { draggable }, computed: { filterList2() { @@ -97,7 +97,7 @@ export default { </script> <style rel="stylesheet/scss" lang="scss" scoped> -.twoDndList { +.dndList { background: #fff; padding-bottom: 40px; &:after { @@ -105,7 +105,7 @@ export default { display: table; clear: both; } - .twoDndList-list { + .dndList-list { float: left; padding-bottom: 30px; &:first-of-type { diff --git a/src/views/components/dndList.vue b/src/views/components/dndList.vue index 0c5ab73f..5f75503e 100644 --- a/src/views/components/dndList.vue +++ b/src/views/components/dndList.vue @@ -8,7 +8,7 @@ </template> <script> -import DndList from '@/components/twoDndList' +import DndList from '@/components/DndList' import { fetchList } from '@/api/article' export default { -- GitLab