Signed-off-by: yinxr <2273460044@qq.com>
This commit is contained in:
parent
9ddf0f046d
commit
18bde351e0
|
@ -1,15 +1,51 @@
|
|||
<!-- 新建图文 -->
|
||||
<script src="https://unpkg.com/vue-slicksort@latest/dist/vue-slicksort.min.js"></script>
|
||||
<script src="//cdnjs.cloudflare.com/ajax/libs/vue/2.5.2/vue.min.js"></script>
|
||||
<script src="//cdn.jsdelivr.net/npm/sortablejs@1.7.0/Sortable.min.js"></script>
|
||||
<script src="//cdnjs.cloudflare.com/ajax/libs/Vue.Draggable/2.17.0/vuedraggable.min.js"></script>
|
||||
<!-- v-if="menuVue.menuActive == '新建图文'" -->
|
||||
<div id='article'>
|
||||
<el-container>
|
||||
<el-aside width="280px">
|
||||
|
||||
<draggable v-model="myArray" :options="{draggable:'.item'}">
|
||||
<div v-for="element in myArray" :key="element.id" class="item">
|
||||
{{element.name}}
|
||||
</div>
|
||||
<button slot="footer" @click="addPeople">Add</button>
|
||||
</draggable>
|
||||
</el-aside>
|
||||
<el-main>Main</el-main>
|
||||
</el-container>
|
||||
</div>
|
||||
<script>
|
||||
var articleVue = new Vue({
|
||||
el: '#article'
|
||||
el: '#article',
|
||||
data:{
|
||||
myArray:[{
|
||||
name:'染发个人',
|
||||
id:'001100'
|
||||
},{
|
||||
name:'个问题grew',
|
||||
id:'001100'
|
||||
},{
|
||||
name:'跟他玩过任务',
|
||||
id:'001100'
|
||||
},{
|
||||
name:'供热外国人',
|
||||
id:'001100'
|
||||
},{
|
||||
name:'天文台认为',
|
||||
id:'001100'
|
||||
}]
|
||||
},
|
||||
watch:{
|
||||
myArray:function(n,o){
|
||||
console.log('n',n);
|
||||
}
|
||||
},
|
||||
methods:{
|
||||
addPeople:function(){
|
||||
|
||||
}
|
||||
}
|
||||
})
|
||||
</script>
|
|
@ -317,6 +317,12 @@ textarea::-webkit-input-placeholder {
|
|||
padding: 0;
|
||||
background-color: #fff;
|
||||
}
|
||||
.ms-admin-container > .ms-admin-main .ms-admin-tabs {
|
||||
height: 100%;
|
||||
}
|
||||
.ms-admin-container > .ms-admin-main .ms-admin-tabs .el-tab-pane {
|
||||
height: 100%;
|
||||
}
|
||||
.ms-admin-container > .ms-admin-main .ms-admin-tabs .el-tabs__nav-scroll {
|
||||
background: #fafafa;
|
||||
}
|
||||
|
|
|
@ -221,6 +221,10 @@
|
|||
background-color: #fff;
|
||||
//选项卡
|
||||
.ms-admin-tabs {
|
||||
height: 100%;
|
||||
.el-tab-pane{
|
||||
height: 100%;
|
||||
}
|
||||
.el-tabs__nav-scroll {
|
||||
background: #fafafa;
|
||||
.el-tabs__nav {
|
||||
|
|
Loading…
Reference in New Issue