提交 4d11404a 编写于 作者: zhujiamin's avatar zhujiamin

app-setting页面点进风格打开模态框之后 退出来不能侧滑打开菜单

上级 1ec7c760
......@@ -27,7 +27,7 @@
<v-touch v-on:swiperight="onSwipeRight" style="height:100%;">
<template v-for="item in items">
<template v-if="!item.hidden">
<component :key="item.id" v-if="item.id == activeId" :is="item.componentname" viewDefaultUsage="indexView"></component>
<component :key="item.id" v-if="item.id == activeId" :is="item.componentname" viewDefaultUsage="indexView" @onSwipeRight="onSwipeRight"></component>
</template>
</template>
</v-touch>
......
......@@ -8,60 +8,62 @@
</ion-toolbar>
</ion-header>
<div class="content">
<ion-list class="content-list content-list-top">
<template v-for="item in data.top">
<ion-item :key="item.name" v-if="item.isEnable" @click="onItemClick(item)">
<div class="content-list-item-content">
<div class="content-list-item-content-text">{{item.text}}</div>
<ion-icon
v-if="item.name !== 'theme' && item.name !== 'accountInformation'"
name="chevron-forward-outline"
></ion-icon>
<app-mob-select-changeTheme v-if="item.name == 'theme'" ref="changeTheme"></app-mob-select-changeTheme>
<div
v-if="item.name == 'accountInformation'"
class="content-list-item-content-text"
>{{srfloginname}}</div>
</div>
</ion-item>
</template>
</ion-list>
<ion-list class="content-list content-list-center">
<template v-for="item in data.center">
<ion-item :key="item.name" v-if="item.isEnable" @click="onItemClick(item)">
<div class="content-list-item-content">
<div class="content-list-item-content-text">{{item.text}}</div>
<ion-icon
v-if="item.name !== 'theme' && item.name !== 'accountInformation'"
name="chevron-forward-outline"
></ion-icon>
<app-mob-select-changeTheme v-if="item.name == 'theme'" ref="changeTheme"></app-mob-select-changeTheme>
<div
v-if="item.name == 'accountInformation'"
class="content-list-item-content-text"
>{{srfloginname}}</div>
</div>
</ion-item>
</template>
</ion-list>
<ion-list class="content-list content-list-bottom">
<template v-for="item in data.bottom">
<ion-item :key="item.name" v-if="item.isEnable" @click="onItemClick(item)">
<div class="content-list-item-content">
<div class="content-list-item-content-text">{{item.text}}</div>
<ion-icon
v-if="item.name !== 'theme' && item.name !== 'accountInformation'"
name="chevron-forward-outline"
></ion-icon>
<app-mob-select-changeTheme v-if="item.name == 'theme'" ref="changeTheme"></app-mob-select-changeTheme>
<div
v-if="item.name == 'accountInformation'"
class="content-list-item-content-text"
>{{srfloginname}}</div>
</div>
</ion-item>
</template>
</ion-list>
<v-touch v-on:swiperight="onSwipeRight" style="height:100%;">
<ion-list class="content-list content-list-top">
<template v-for="item in data.top">
<ion-item :key="item.name" v-if="item.isEnable" @click="onItemClick(item)">
<div class="content-list-item-content">
<div class="content-list-item-content-text">{{item.text}}</div>
<ion-icon
v-if="item.name !== 'theme' && item.name !== 'accountInformation'"
name="chevron-forward-outline"
></ion-icon>
<app-mob-select-changeTheme v-if="item.name == 'theme'" ref="changeTheme"></app-mob-select-changeTheme>
<div
v-if="item.name == 'accountInformation'"
class="content-list-item-content-text"
>{{srfloginname}}</div>
</div>
</ion-item>
</template>
</ion-list>
<ion-list class="content-list content-list-center">
<template v-for="item in data.center">
<ion-item :key="item.name" v-if="item.isEnable" @click="onItemClick(item)">
<div class="content-list-item-content">
<div class="content-list-item-content-text">{{item.text}}</div>
<ion-icon
v-if="item.name !== 'theme' && item.name !== 'accountInformation'"
name="chevron-forward-outline"
></ion-icon>
<app-mob-select-changeTheme v-if="item.name == 'theme'" ref="changeTheme"></app-mob-select-changeTheme>
<div
v-if="item.name == 'accountInformation'"
class="content-list-item-content-text"
>{{srfloginname}}</div>
</div>
</ion-item>
</template>
</ion-list>
<ion-list class="content-list content-list-bottom">
<template v-for="item in data.bottom">
<ion-item :key="item.name" v-if="item.isEnable" @click="onItemClick(item)">
<div class="content-list-item-content">
<div class="content-list-item-content-text">{{item.text}}</div>
<ion-icon
v-if="item.name !== 'theme' && item.name !== 'accountInformation'"
name="chevron-forward-outline"
></ion-icon>
<app-mob-select-changeTheme v-if="item.name == 'theme'" ref="changeTheme"></app-mob-select-changeTheme>
<div
v-if="item.name == 'accountInformation'"
class="content-list-item-content-text"
>{{srfloginname}}</div>
</div>
</ion-item>
</template>
</ion-list>
</v-touch>
</div>
</ion-page>
</template>
......@@ -271,6 +273,14 @@ export default class AppSetting extends Vue {
}
}
}
/**
* 右滑打开侧滑菜单
*/
public onSwipeRight(){
this.$emit('onSwipeRight');
}
}
</script>
<style lang="less">
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册