refactor(member page): 优化页面样式计算与按钮显示逻辑
1. 抽离页面样式为computed属性pageStyle提升代码可读性 2. 新增自定义配置控制注销和退出登录按钮的显示
This commit is contained in:
@@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<view :style="themeColor">
|
<view :style="themeColor">
|
||||||
<view :style="{ backgroundColor: bgColor, minHeight: openBottomNav ? 'calc(100vh - 55px)' : '' }"
|
<view :style="pageStyle"
|
||||||
class="page-img">
|
class="page-img">
|
||||||
<view class="page-header" v-if="diyData.global && diyData.global.navBarSwitch"
|
<view class="page-header" v-if="diyData.global && diyData.global.navBarSwitch"
|
||||||
:style="{ backgroundImage: bgImg }">
|
:style="{ backgroundImage: bgImg }">
|
||||||
@@ -28,8 +28,10 @@
|
|||||||
|
|
||||||
<!-- 退出登录和账号注销按钮 -->
|
<!-- 退出登录和账号注销按钮 -->
|
||||||
<view class="action-buttons" v-if="storeToken">
|
<view class="action-buttons" v-if="storeToken">
|
||||||
<view class="action-btn cancel-btn" @click="cancellation">{{ $lang('cancellation') }}</view>
|
<view class="action-btn cancel-btn" v-if="!diyData.global || diyData.global.isShowCancelButton !== 0"
|
||||||
<view class="action-btn logout-btn" @click="logout">{{ $lang('logout') }}</view>
|
@click="cancellation">{{ $lang('cancellation') }}</view>
|
||||||
|
<view class="action-btn logout-btn" v-if="!diyData.global || diyData.global.isShowLogoutButton !== 0"
|
||||||
|
@click="logout">{{ $lang('logout') }}</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@@ -87,6 +89,14 @@ export default {
|
|||||||
nsNewGift
|
nsNewGift
|
||||||
},
|
},
|
||||||
mixins: [diyJs, indexJs, memberPublic],
|
mixins: [diyJs, indexJs, memberPublic],
|
||||||
|
computed: {
|
||||||
|
pageStyle() {
|
||||||
|
return {
|
||||||
|
backgroundColor: this.bgColor,
|
||||||
|
minHeight: this.openBottomNav ? 'calc(100vh - 55px)' : ''
|
||||||
|
};
|
||||||
|
}
|
||||||
|
},
|
||||||
onLoad() {
|
onLoad() {
|
||||||
this.$util.hideHomeButton();
|
this.$util.hideHomeButton();
|
||||||
},
|
},
|
||||||
|
|||||||
Reference in New Issue
Block a user