From 2ec00e8b2b2fea62e935e29f8ab8b9f0f453afe3 Mon Sep 17 00:00:00 2001
From: zxl <763096477@qq.com>
Date: 星期四, 18 十二月 2025 17:17:56 +0800
Subject: [PATCH] 背景图
---
pages/tabbar/user/my.vue | 47 ++++++++++++++++++++++++-----------------------
1 files changed, 24 insertions(+), 23 deletions(-)
diff --git a/pages/tabbar/user/my.vue b/pages/tabbar/user/my.vue
index 5d1745c..a6c78d1 100644
--- a/pages/tabbar/user/my.vue
+++ b/pages/tabbar/user/my.vue
@@ -4,7 +4,7 @@
<view class="status_bar">
<!-- 杩欓噷鏄姸鎬佹爮 -->
</view>
- <view class="header" @click="userDetail">
+ <view class="header" @click="userDetail" :style="{ backgroundImage: `url(${base64image2.userInfoBg})` }">
<view class="head-1">
<image v-if="userInfo.face" :src="endpoint + '/' + userInfo.face"></image>
<image v-else :src="userImage"></image>
@@ -18,38 +18,36 @@
<u-icon style="display: flex;align-items: flex-start;" name="arrow-right"></u-icon>
</view>
<!-- <button type="default" @click="goTOSuccess">绔嬪嵆鏌ョ湅</button> -->
- <view class="member-gradient-bg" v-if="prizeActivity.enableStatus === 'ON'">
+ <view class="member-gradient-bg" v-if="prizeActivity.enableStatus === 'ON'"
+ :style="{ backgroundImage: `url(${base64image.prizeActivityBg})` }"
+ >
<view class="member-gradient-bg" @click="gotoPrizeActivity" >
- <view class="activity-content">
- <!-- 娲诲姩鍥炬爣锛堜娇鐢ㄦ帴鍙ｈ繑鍥炵殑 activityCoverUrl锛� -->
+ <!-- <view class="activity-content">
+
<view class="activity-icon">
<view class="floating-btn-content">
<text class="floating-btn-icon">馃巵</text>
- <text class="floating-btn-text">鎶藉娲诲姩</text>
</view>
-<!-- <image :src="prizeActivity.activityCoverUrl" mode="aspectFit"></image>-->
</view>
- <!-- 娲诲姩淇℃伅锛堝悕绉般�佹弿杩般�佸�掕鏃讹級 -->
+
<view class="activity-info">
<p class="activity-name">{{ prizeActivity.activityName }}</p>
<p class="activity-desc">{{ prizeActivity.activityDes }}</p>
<p class="activity-desc">{{ formatDate(prizeActivity.beginTime) }} - {{ formatDate(prizeActivity.endTime)}}</p>
</view>
- <!-- 绔嬪嵆鍙備笌鍏ュ彛 -->
<view class="activity-enter">
<text class="enter-text">绔嬪嵆鍙備笌</text>
<u-icon name="arrow-right"></u-icon>
</view>
- </view>
+ </view> -->
</view>
-
</view>
<!-- 绉垎锛屼紭鎯犲埜锛屽叧娉紝 -->
<div class="pointBox box">
<u-row text-align="center" gutter="16" class="point">
<u-col text-align="center" span="4" @click="navigateTo('/pages/mine/deposit/operation')">
- <view>棰勫瓨娆�</view>
+ <view>浣欓</view>
<view class="money">{{ walletNum | unitPrice }}</view>
</u-col>
@@ -105,13 +103,13 @@
<view>
<text class="iconfont"></text>
</view>
- <view>瑙嗛涓婚〉</view>
+ <view>鎴戠殑瑙嗛</view>
</view>
<view class="order-item" @click="navigateTo('/pages/mine/myAttention')">
<view>
<text class="iconfont"></text>
</view>
- <view>鍏虫敞鍒楄〃</view>
+ <view>鎴戠殑鍏虫敞</view>
</view>
<!-- <view class="order-item" @click="navigateTo('/pages/mine/myCollect/myCollect')">
<view>
@@ -125,12 +123,12 @@
</view>
<view>鎴戠殑娲诲姩</view>
</view>
- <view class="order-item" @click="navigateTo('/pages/mine/myTracks')">
+<!-- <view class="order-item" @click="navigateTo('/pages/mine/myTracks')">
<view>
<text class="iconfont"></text>
</view>
<view>娴忚璁板綍</view>
- </view>
+ </view> -->
</view>
</div>
@@ -157,7 +155,8 @@
import { getSessionId, userAction } from "@/api/userAction.js";
import {getONPrizeActivity} from "@/api/prize-activity";
import UIcon from "../../subComponents/uview-components/uview-ui/components/u-icon/u-icon.vue";
-
+import base64image from '@/static/mine/base64image.js';
+import base64image2 from '@/static/mine/base64image2.js';
export default {
components: {
UIcon,
@@ -165,6 +164,8 @@
},
data() {
return {
+ base64image,
+ base64image2,
prizeActivity: {},
endpoint: '',
configs,
@@ -417,7 +418,7 @@
position: relative;
}
.floating-btn-icon {
- font-size: 70rpx;
+ font-size: 75rpx;
color: white;
filter: drop-shadow(0 2rpx 4rpx rgba(0, 0, 0, 0.2));
margin-bottom: 5rpx;
@@ -434,11 +435,12 @@
width: 98%;
height: 250rpx;
margin: 1% 1%;
- background: linear-gradient(135deg, #FF7A45 0%, #FF5252 100%);
border-radius: 24rpx;
box-shadow: 0 8rpx 30rpx rgba(255, 82, 82, 0.3);
transition: all 0.3s ease;
-
+ background-size: cover;
+ background-position: center;
+ background-repeat: no-repeat;
&:active {
transform: scale(0.98);
}
@@ -460,7 +462,6 @@
margin-right: 24rpx;
border-radius: 16rpx;
overflow: hidden;
- background: rgba(255,255,255,0.2);
image {
width: 100%;
height: 100%;
@@ -604,9 +605,9 @@
background-size: cover;
border-bottom-left-radius: 30rpx;
border-bottom-right-radius: 30rpx;
- background-image: var(--main-bg);
- background-position: bottom;
- background-repeat: no-repeat;
+ background-size: cover;
+ background-position: center;
+ background-repeat: no-repeat;
color: #ffffff;
display: flex;
justify-content: space-between;
--
Gitblit v1.8.0