|
|
@@ -3,13 +3,23 @@
|
|
|
<!-- TabTransition overlay -->
|
|
|
<tab-transition v-if="showTabTransition" dimCode="wealth" ref="tabTransition" @close="showTabTransition = false" />
|
|
|
|
|
|
- <!-- 未登录 -->
|
|
|
- <view v-if="!isLoggedIn" class="login-prompt">
|
|
|
- <view class="prompt-icon">👤</view>
|
|
|
- <text class="prompt-title">登录浠艾福</text>
|
|
|
- <text class="prompt-desc">登录后查看财富能量详情</text>
|
|
|
- <button class="login-btn" @click="goLogin">登录 / 注册</button>
|
|
|
- </view>
|
|
|
+ <!-- 未登录时显示精简内容 -->
|
|
|
+ <template v-if="!isLoggedIn">
|
|
|
+ <PageBanner theme="wealth"
|
|
|
+ tagline="利他创富 · 价值共享"
|
|
|
+ quote="富足源于利他与坚持" />
|
|
|
+
|
|
|
+ <!-- 商品推荐 -->
|
|
|
+ <DimensionProductList
|
|
|
+ dimensionCode="wealth"
|
|
|
+ title="为你推荐" />
|
|
|
+
|
|
|
+ <!-- 登录引导 -->
|
|
|
+ <view class="login-guide-section">
|
|
|
+ <text class="login-guide-text">登录后查看财富能量、推广收益、邀请返利等更多内容</text>
|
|
|
+ <button class="login-btn" @click="goLogin">登录 / 注册</button>
|
|
|
+ </view>
|
|
|
+ </template>
|
|
|
|
|
|
<template v-else>
|
|
|
<!-- 品牌头部 -->
|
|
|
@@ -151,7 +161,6 @@
|
|
|
|
|
|
<!-- 商品推荐 -->
|
|
|
<DimensionProductList
|
|
|
- v-if="isLoggedIn"
|
|
|
dimensionCode="wealth"
|
|
|
:familyId="activeChildId"
|
|
|
title="为你推荐" />
|
|
|
@@ -713,37 +722,32 @@ export default {
|
|
|
}
|
|
|
|
|
|
/* 未登录 */
|
|
|
-.login-prompt {
|
|
|
+.login-guide-section {
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
align-items: center;
|
|
|
- justify-content: center;
|
|
|
- min-height: 80vh;
|
|
|
- padding: 60rpx;
|
|
|
-}
|
|
|
-.prompt-icon {
|
|
|
- font-size: 120rpx;
|
|
|
- margin-bottom: 30rpx;
|
|
|
- width: 160rpx;
|
|
|
- height: 160rpx;
|
|
|
- line-height: 160rpx;
|
|
|
- text-align: center;
|
|
|
- background: #f5f5f5;
|
|
|
- border-radius: 50%;
|
|
|
-}
|
|
|
-.prompt-title {
|
|
|
- font-size: 36rpx;
|
|
|
- font-weight: bold;
|
|
|
- color: #333;
|
|
|
- margin-bottom: 16rpx;
|
|
|
+ padding: 60rpx 40rpx;
|
|
|
+ margin: 30rpx;
|
|
|
+ background: #fff;
|
|
|
+ border-radius: 20rpx;
|
|
|
+ box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.06);
|
|
|
}
|
|
|
-.prompt-desc {
|
|
|
+.login-guide-text {
|
|
|
font-size: 26rpx;
|
|
|
color: #999;
|
|
|
text-align: center;
|
|
|
- margin-bottom: 40rpx;
|
|
|
+ margin-bottom: 30rpx;
|
|
|
+ line-height: 1.6;
|
|
|
+}
|
|
|
+.login-guide-section .login-btn {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ min-height: 80vh;
|
|
|
+ padding: 60rpx;
|
|
|
}
|
|
|
-.login-prompt .login-btn {
|
|
|
+.login-guide-section .login-btn {
|
|
|
width: 60%;
|
|
|
height: 80rpx;
|
|
|
line-height: 80rpx;
|