refactor(member page): 优化页面样式计算与按钮显示逻辑

1. 抽离页面样式为computed属性pageStyle提升代码可读性
2. 新增自定义配置控制注销和退出登录按钮的显示
This commit is contained in:
2026-06-17 09:50:17 +08:00
parent c2b38476ea
commit 851b5fe722

View File

@@ -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();
},