提交 428421c1 编写于 作者: zhujiamin's avatar zhujiamin

解决侧滑菜单左右滑动和主界面内容左右滑动的冲突

上级 57d11bf9
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
</template> </template>
</ion-list> </ion-list>
<ion-list class="items"> <ion-list class="items">
<ion-item-sliding :ref="item.srfkey" v-for="item in items" @click="item_click(item)" :key="item.srfkey" class="app-mob-mdctrl-item" :disabled="item.sliding_disabled"> <ion-item-sliding :ref="item.srfkey" v-for="item in items" @click="item_click(item)" :key="item.srfkey" class="app-mob-mdctrl-item" :disabled="item.sliding_disabled" @ionDrag="ionDrag">
<#-- BENGIN:输出界面行为组 --> <#-- BENGIN:输出界面行为组 -->
<@outPutActionGroup ctrl /> <@outPutActionGroup ctrl />
<ion-item> <ion-item>
...@@ -57,7 +57,7 @@ ...@@ -57,7 +57,7 @@
<ion-checkbox :checked="selectAllIschecked" v-show="showCheack" @ionChange="checkboxAll"></ion-checkbox> <ion-checkbox :checked="selectAllIschecked" v-show="showCheack" @ionChange="checkboxAll"></ion-checkbox>
<ion-label class="selectal-label" v-show="showCheack">全选</ion-label> <ion-label class="selectal-label" v-show="showCheack">全选</ion-label>
</div> </div>
<ion-item-sliding ref="sliding" v-for="item in items" @click="item_click(item)" :key="item.srfkey" class="app-mob-mdctrl-item" :disabled="item.sliding_disabled"> <ion-item-sliding ref="sliding" v-for="item in items" @click="item_click(item)" :key="item.srfkey" class="app-mob-mdctrl-item" :disabled="item.sliding_disabled" @ionDrag="ionDrag">
<#-- BENGIN:输出界面行为组 --> <#-- BENGIN:输出界面行为组 -->
<@outPutActionGroup ctrl /> <@outPutActionGroup ctrl />
<#-- END:输出界面行为组 --> <#-- END:输出界面行为组 -->
...@@ -97,7 +97,7 @@ ...@@ -97,7 +97,7 @@
<template #title> <template #title>
<div>{{obj.text}}(<label v-if="obj.items && obj.items.length > 0">{{obj.items.length}}</label>)</div> <div>{{obj.text}}(<label v-if="obj.items && obj.items.length > 0">{{obj.items.length}}</label>)</div>
</template> </template>
<ion-item-sliding :ref="item.srfkey" v-for="item in obj.items" @click="item_click(item)" :key="item.srfkey" class="app-mob-mdctrl-item" :disabled="item.sliding_disabled"> <ion-item-sliding :ref="item.srfkey" v-for="item in obj.items" @click="item_click(item)" :key="item.srfkey" class="app-mob-mdctrl-item" :disabled="item.sliding_disabled" @ionDrag="ionDrag">
<#-- BENGIN:输出界面行为组 --> <#-- BENGIN:输出界面行为组 -->
<@outPutActionGroup ctrl /> <@outPutActionGroup ctrl />
<#-- END:输出界面行为组 --> <#-- END:输出界面行为组 -->
...@@ -125,7 +125,7 @@ ...@@ -125,7 +125,7 @@
</div> </div>
<#else> <#else>
<ion-item-sliding :ref="item.srfkey" v-for="item in items" @click="item_click(item)" :key="item.srfkey" class="app-mob-mdctrl-item" :disabled="item.sliding_disabled"> <ion-item-sliding :ref="item.srfkey" v-for="item in items" @click="item_click(item)" :key="item.srfkey" class="app-mob-mdctrl-item" :disabled="item.sliding_disabled" @ionDrag="ionDrag">
<#-- BENGIN:输出界面行为组 --> <#-- BENGIN:输出界面行为组 -->
<@outPutActionGroup ctrl /> <@outPutActionGroup ctrl />
<#-- END:输出界面行为组 --> <#-- END:输出界面行为组 -->
......
...@@ -862,6 +862,31 @@ ...@@ -862,6 +862,31 @@
</#if> </#if>
} }
/**
* ion-item-sliding拖动事件
*
* @memberof ${srfclassname('${ctrl.codeName}')}
*/
public ionDrag(){
this.$store.commit('setPopupStatus',false)
}
/**
* vue 生命周期
*
* @memberof ${srfclassname('${ctrl.codeName}')}
*/
public mounted(){
let list:any = document.querySelector('.app-mob-mdctrl-mdctrl')
setTimeout(() => {
if(list){
list.addEventListener('touchend',()=>{
this.$store.commit('setPopupStatus',true)
})
}
}, 500);
}
/** /**
* vue 生命周期 * vue 生命周期
* *
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册