sliver/admin-fe
1
0
Fork 0
forked from AkkomaGang/admin-fe
Code Pull requests Activity

refactor: change DndList name

Browse source
This commit is contained in:
Pan 2017-10-24 17:37:14 +08:00
parent 99417081ed
commit f99b97d9f1
2 changed files with 7 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/components/twoDndList/index.vue → src/components/DndList/index.vue
View file

@ -1,6 +1,6 @@
<template> <template>
<div class="twoDndList"> <div class="dndList">
<div class="twoDndList-list" :style="{width:width1}"> <div class="dndList-list" :style="{width:width1}">
<h3>{{list1Title}}</h3> <h3>{{list1Title}}</h3>
<draggable :list="list1" class="dragArea" :options="{group:'article'}"> <draggable :list="list1" class="dragArea" :options="{group:'article'}">
<div class="list-complete-item" v-for="element in list1" :key='element.id'> <div class="list-complete-item" v-for="element in list1" :key='element.id'>
@ -13,7 +13,7 @@
</div> </div>
</draggable> </draggable>
</div> </div>
<div class="twoDndList-list" :style="{width:width2}"> <div class="dndList-list" :style="{width:width2}">
<h3>{{list2Title}}</h3> <h3>{{list2Title}}</h3>
<draggable :list="filterList2" class="dragArea" :options="{group:'article'}"> <draggable :list="filterList2" class="dragArea" :options="{group:'article'}">
<div class="list-complete-item" v-for="element in filterList2" :key='element.id'> <div class="list-complete-item" v-for="element in filterList2" :key='element.id'>
@ -28,7 +28,7 @@
import draggable from 'vuedraggable' import draggable from 'vuedraggable'
export default { export default {
name: 'twoDndList', name: 'DndList',
components: { draggable }, components: { draggable },
computed: { computed: {
filterList2() { filterList2() {
@ -97,7 +97,7 @@ export default {
</script> </script>
<style rel="stylesheet/scss" lang="scss" scoped> <style rel="stylesheet/scss" lang="scss" scoped>
.twoDndList { .dndList {
background: #fff; background: #fff;
padding-bottom: 40px; padding-bottom: 40px;
&:after { &:after {
@ -105,7 +105,7 @@ export default {
display: table; display: table;
clear: both; clear: both;
} }
.twoDndList-list { .dndList-list {
float: left; float: left;
padding-bottom: 30px; padding-bottom: 30px;
&:first-of-type { &:first-of-type {

2
src/views/components/dndList.vue
View file

@ -8,7 +8,7 @@
</template> </template>
<script> <script>
import DndList from '@/components/twoDndList' import DndList from '@/components/DndList'
import { fetchList } from '@/api/article' import { fetchList } from '@/api/article'
export default { export default {