|
|
@@ -9,15 +9,16 @@
|
|
|
<div class="vongi-all">
|
|
|
<h4 class="vongi-center">您可以将常用的应用添加到主页</h4>
|
|
|
<ul class="mui-table-view mui-grid-view mui-grid-9">
|
|
|
- <!-- <draggable element="ul" v-model="menuList" :options="{draggable:'.mui-table-view-cell'}"> -->
|
|
|
- <li draggable="true" v-for="(item,index) in menuList" class="mui-table-view-cell mui-media mui-col-xs-3">
|
|
|
- <!-- <router-link :to="{name:item.iconRoute,query:item.iconParam}"> -->
|
|
|
- <img :src="requirePic(item.iconPic)" />
|
|
|
- <div class="mui-media-body" v-text="item.iconName"></div>
|
|
|
- <!-- </router-link> -->
|
|
|
- <span slot="footer" @click="del(item.id,index)" class="mui-icon mui-icon-closeempty vongi-close"></span>
|
|
|
- </li>
|
|
|
- <!-- </draggable> -->
|
|
|
+ <draggable element="ul" v-model="menuList" :options="{handle:'.drag-img,.zhe-zhao,.mui-media-body',disabled:disabled,chosenClass:'choose',animation:200}">
|
|
|
+ <li v-for="(item,index) in menuList" class="mui-table-view-cell mui-media mui-col-xs-3 li-block">
|
|
|
+ <!-- <router-link :to="{name:item.iconRoute,query:item.iconParam}"> -->
|
|
|
+ <img :src="requirePic(item.iconPic)" class="drag-img" />
|
|
|
+ <div class="zhe-zhao"></div>
|
|
|
+ <div class="mui-media-body" v-text="item.iconName"></div>
|
|
|
+ <!-- </router-link> -->
|
|
|
+ <span slot="footer" @click="del(item.id,index)" class="mui-icon mui-icon-closeempty vongi-close"></span>
|
|
|
+ </li>
|
|
|
+ </draggable>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<div class="vongi-all">
|
|
|
@@ -177,9 +178,7 @@
|
|
|
mounted() {
|
|
|
this.getFunList()
|
|
|
},
|
|
|
- destroyed() {
|
|
|
-
|
|
|
- },
|
|
|
+ destroyed() {},
|
|
|
computed: {
|
|
|
...mapGetters({
|
|
|
openId: 'wx_openid',
|
|
|
@@ -199,4 +198,16 @@
|
|
|
.mui-table-view ul {
|
|
|
padding-left: 0;
|
|
|
}
|
|
|
+
|
|
|
+ .li-block {
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .zhe-zhao {
|
|
|
+ position: absolute;
|
|
|
+ width: 100%;
|
|
|
+ height: 32px;
|
|
|
+ top: 0;
|
|
|
+ opacity: 0;
|
|
|
+ }
|
|
|
</style>
|
