github
/
vue-manage-system
mirror of https://github.com/lin-xin/vue-manage-system
1
0
Fork 0
Code Issues Releases Wiki Activity

'添加拖拽组件介绍'

pull/78/head
lin-xin 2018-04-12 15:20:59 +08:00
parent a143deae45
commit bc07a5058c
1 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/page/DragList.vue
View File

@ -6,6 +6,10 @@
</el-breadcrumb> </el-breadcrumb>
</div> </div>
<div class="container"> <div class="container">
<div class="plugins-tips">
Vue.Draggable：基于 Sortable.js 的 Vue 拖拽组件。
访问地址：<a href="https://github.com/SortableJS/Vue.Draggable" target="_blank">Vue.Draggable</a>
</div>
<div class="drag-box"> <div class="drag-box">
<div class="drag-box-item"> <div class="drag-box-item">
<div class="item-title">todo</div> <div class="item-title">todo</div>
@ -49,6 +53,7 @@
return { return {
dragOptions:{ dragOptions:{
animation: 120, animation: 120,
scroll: true,
group: 'sortlist', group: 'sortlist',
ghostClass: 'ghost-style' ghostClass: 'ghost-style'
}, },
@ -123,7 +128,7 @@
} }
.item-ul{ .item-ul{
padding: 0 8px 8px; padding: 0 8px 8px;
height: 600px; height: 500px;
overflow-y: scroll; overflow-y: scroll;
} }
.item-ul::-webkit-scrollbar{ .item-ul::-webkit-scrollbar{