|
@ -1,5 +1,6 @@ |
|
|
<template> |
|
|
<template> |
|
|
<view class="profile-container"> |
|
|
<view class="profile-container"> |
|
|
|
|
|
<BackButton /> |
|
|
<view |
|
|
<view |
|
|
class="user-top" |
|
|
class="user-top" |
|
|
:style="{ |
|
|
:style="{ |
|
@ -9,7 +10,7 @@ |
|
|
}" |
|
|
}" |
|
|
> |
|
|
> |
|
|
<!-- 状态栏占位 --> |
|
|
<!-- 状态栏占位 --> |
|
|
<view class="status-bar-placeholder"></view> |
|
|
<view class="status-bar-placeholder" :style="{ paddingTop: statusBarHeight + 'px' }"></view> |
|
|
<!-- 顶部导航 --> |
|
|
<!-- 顶部导航 --> |
|
|
<view class="header"> |
|
|
<view class="header"> |
|
|
<!-- <view class="back-btn" @click="goBack"> |
|
|
<!-- <view class="back-btn" @click="goBack"> |
|
@ -225,6 +226,11 @@ |
|
|
|
|
|
|
|
|
<!-- 有感商品 --> |
|
|
<!-- 有感商品 --> |
|
|
<view class="feeling-goods"> |
|
|
<view class="feeling-goods"> |
|
|
|
|
|
<view class="memorial-divider" style="margin-bottom: 0"> |
|
|
|
|
|
<view class="divider-line"></view> |
|
|
|
|
|
<view class="divider-text">有感商品订单</view> |
|
|
|
|
|
<view class="divider-line"></view> |
|
|
|
|
|
</view> |
|
|
<view class="goods-card"> |
|
|
<view class="goods-card"> |
|
|
<image |
|
|
<image |
|
|
:src=" |
|
|
:src=" |
|
@ -254,7 +260,7 @@ |
|
|
<view class="memorial-section"> |
|
|
<view class="memorial-section"> |
|
|
<view class="memorial-divider"> |
|
|
<view class="memorial-divider"> |
|
|
<view class="divider-line"></view> |
|
|
<view class="divider-line"></view> |
|
|
<view class="divider-text">数字资产纪念册</view> |
|
|
<view class="divider-text">数字资产收藏夹</view> |
|
|
<view class="divider-line"></view> |
|
|
<view class="divider-line"></view> |
|
|
</view> |
|
|
</view> |
|
|
<!-- 有数据时显示 --> |
|
|
<!-- 有数据时显示 --> |
|
@ -273,9 +279,9 @@ |
|
|
class="memorial-img-single" |
|
|
class="memorial-img-single" |
|
|
></image> |
|
|
></image> |
|
|
<view class="single-overlay"> |
|
|
<view class="single-overlay"> |
|
|
<view class="single-badge">专属纪念册</view> |
|
|
<view class="single-badge">专属收藏夹</view> |
|
|
<view class="single-title">{{ |
|
|
<view class="single-title">{{ |
|
|
memorialItems[0].goodsTitle || "数字资产纪念册" |
|
|
memorialItems[0].goodsTitle || "数字资产收藏夹" |
|
|
}}</view> |
|
|
}}</view> |
|
|
<view class="single-desc">{{ memorialItems[0].code }}</view> |
|
|
<view class="single-desc">{{ memorialItems[0].code }}</view> |
|
|
<view class="single-action"> |
|
|
<view class="single-action"> |
|
@ -301,7 +307,7 @@ |
|
|
></image> |
|
|
></image> |
|
|
<view class="memorial-info"> |
|
|
<view class="memorial-info"> |
|
|
<text class="memorial-title">{{ |
|
|
<text class="memorial-title">{{ |
|
|
item.goodsTitle || "数字资产纪念册" |
|
|
item.goodsTitle || "数字资产收藏夹" |
|
|
}}</text> |
|
|
}}</text> |
|
|
<text class="memorial-more">MORE</text> |
|
|
<text class="memorial-more">MORE</text> |
|
|
</view> |
|
|
</view> |
|
@ -312,9 +318,9 @@ |
|
|
<view class="memorial-empty" v-else> |
|
|
<view class="memorial-empty" v-else> |
|
|
<view class="empty-content"> |
|
|
<view class="empty-content"> |
|
|
<view class="empty-icon">📖</view> |
|
|
<view class="empty-icon">📖</view> |
|
|
<text class="empty-title">暂无纪念册</text> |
|
|
<text class="empty-title">暂无收藏夹</text> |
|
|
<text class="empty-desc">您还没有数字资产纪念册</text> |
|
|
<text class="empty-desc">您还没有数字资产收藏夹</text> |
|
|
<text class="empty-tip">快去购买数字资产创建您的专属纪念册吧</text> |
|
|
<text class="empty-tip">快去购买数字资产创建您的专属收藏夹吧</text> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
@ -381,11 +387,13 @@ import moment from "moment"; |
|
|
import CustomTabBar from "@/components/CustomTabBar.vue"; |
|
|
import CustomTabBar from "@/components/CustomTabBar.vue"; |
|
|
import MusicControl from "@/components/MusicControl.vue"; |
|
|
import MusicControl from "@/components/MusicControl.vue"; |
|
|
import ActivateAgentPopup from "@/components/ActivateAgentPopup.vue"; |
|
|
import ActivateAgentPopup from "@/components/ActivateAgentPopup.vue"; |
|
|
|
|
|
import BackButton from "@/components/BackButton.vue"; |
|
|
export default { |
|
|
export default { |
|
|
components: { |
|
|
components: { |
|
|
CustomTabBar, |
|
|
CustomTabBar, |
|
|
MusicControl, |
|
|
MusicControl, |
|
|
ActivateAgentPopup, |
|
|
ActivateAgentPopup, |
|
|
|
|
|
BackButton |
|
|
}, |
|
|
}, |
|
|
data() { |
|
|
data() { |
|
|
return { |
|
|
return { |
|
@ -393,9 +401,9 @@ export default { |
|
|
defaultAvatar: |
|
|
defaultAvatar: |
|
|
"https://changshu.js-dyyj.com/uploads/20250326/516242619f0772bee371a60684618c01.png", |
|
|
"https://changshu.js-dyyj.com/uploads/20250326/516242619f0772bee371a60684618c01.png", |
|
|
userStats: { |
|
|
userStats: { |
|
|
following: "140", |
|
|
following: "0", |
|
|
followers: "2462", |
|
|
followers: "0", |
|
|
likes: "5.4万", |
|
|
likes: "0", |
|
|
}, |
|
|
}, |
|
|
menuItems: [ |
|
|
menuItems: [ |
|
|
{ |
|
|
{ |
|
@ -428,11 +436,15 @@ export default { |
|
|
assetList: [], |
|
|
assetList: [], |
|
|
agentList: [], |
|
|
agentList: [], |
|
|
orderStatus: [], |
|
|
orderStatus: [], |
|
|
|
|
|
statusBarHeight:0 |
|
|
}; |
|
|
}; |
|
|
}, |
|
|
}, |
|
|
onLoad() { |
|
|
onLoad() { |
|
|
// 页面加载时的初始化逻辑 |
|
|
// 页面加载时的初始化逻辑 |
|
|
}, |
|
|
}, |
|
|
|
|
|
mounted() { |
|
|
|
|
|
this.setStatusBarHeight() |
|
|
|
|
|
}, |
|
|
onShow() { |
|
|
onShow() { |
|
|
console.log(uni.getStorageSync("userInfo")); |
|
|
console.log(uni.getStorageSync("userInfo")); |
|
|
this.userInfo = |
|
|
this.userInfo = |
|
@ -449,6 +461,15 @@ export default { |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
|
|
|
|
setStatusBarHeight() { |
|
|
|
|
|
try { |
|
|
|
|
|
const systemInfo = uni.getSystemInfoSync(); |
|
|
|
|
|
this.statusBarHeight = systemInfo.statusBarHeight || 0; |
|
|
|
|
|
} catch (e) { |
|
|
|
|
|
// 开发工具或获取失败时使用默认值 |
|
|
|
|
|
this.statusBarHeight = 0; |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
getOrderStatus() { |
|
|
getOrderStatus() { |
|
|
this.Post({}, "/framework/order/orderCountByStatus", "DES").then( |
|
|
this.Post({}, "/framework/order/orderCountByStatus", "DES").then( |
|
|
(res) => { |
|
|
(res) => { |
|
@ -770,6 +791,9 @@ export default { |
|
|
::v-deep .uni-popup { |
|
|
::v-deep .uni-popup { |
|
|
z-index: 999 !important; |
|
|
z-index: 999 !important; |
|
|
} |
|
|
} |
|
|
|
|
|
::v-deep .back-btn{ |
|
|
|
|
|
background-color: transparent !important; |
|
|
|
|
|
} |
|
|
view { |
|
|
view { |
|
|
box-sizing: border-box; |
|
|
box-sizing: border-box; |
|
|
} |
|
|
} |
|
@ -781,7 +805,6 @@ view { |
|
|
|
|
|
|
|
|
/* 状态栏占位 */ |
|
|
/* 状态栏占位 */ |
|
|
.status-bar-placeholder { |
|
|
.status-bar-placeholder { |
|
|
height: var(--status-bar-height); |
|
|
|
|
|
width: 100%; |
|
|
width: 100%; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
@ -1254,6 +1277,9 @@ view { |
|
|
margin-bottom: 16rpx; |
|
|
margin-bottom: 16rpx; |
|
|
font-weight: bold; |
|
|
font-weight: bold; |
|
|
line-height: 1.4; |
|
|
line-height: 1.4; |
|
|
|
|
|
text-overflow: ellipsis; |
|
|
|
|
|
overflow: hidden; |
|
|
|
|
|
white-space: nowrap; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.asset-action { |
|
|
.asset-action { |
|
|