提交 75587a6e 编写于 作者: KK's avatar KK

setting组件调整

上级 2b4fde8e
<template> <template>
<ion-page :className="{ 'view-container': true,'app-setting': true}"> <ion-page :className="{ 'view-container': true,'app-setting': true}">
<ion-header v-if="titleStatus">
<ion-toolbar class="ionoc-view-header">
<ion-title class="view-title">
<label class="title-label">设置</label>
</ion-title>
</ion-toolbar>
</ion-header>
<div class="content"> <div class="content">
<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">
<template v-if="!item.component">
<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.showtext}}</div> <div class="content-list-item-content-text">{{item.showtext}}</div>
...@@ -25,9 +19,14 @@ ...@@ -25,9 +19,14 @@
</div> </div>
</ion-item> </ion-item>
</template> </template>
<template v-else>
<component :key="item.name" :is="item.component"></component>
</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">
<template v-if="!item.component">
<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.showtext}}</div> <div class="content-list-item-content-text">{{item.showtext}}</div>
...@@ -43,9 +42,14 @@ ...@@ -43,9 +42,14 @@
</div> </div>
</ion-item> </ion-item>
</template> </template>
<template v-else>
<component :key="item.name" :is="item.component"></component>
</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">
<template v-if="!item.component">
<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.showtext}}</div> <div class="content-list-item-content-text">{{item.showtext}}</div>
...@@ -61,6 +65,10 @@ ...@@ -61,6 +65,10 @@
</div> </div>
</ion-item> </ion-item>
</template> </template>
<template v-else>
<component :key="item.name" :is="item.component"></component>
</template>
</template>
</ion-list> </ion-list>
</div> </div>
</ion-page> </ion-page>
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册