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

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

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