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