背景图

zxl

2025-12-18 2ec00e8b2b2fea62e935e29f8ab8b9f0f453afe3

 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,31 +18,30 @@
      <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>
          </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">
@@ -104,13 +103,13 @@
         <view>
           <text class="iconfont">&#xe676;</text>
         </view>
         <view>视频主页</view>
         <view>我的视频</view>
       </view>
       <view class="order-item" @click="navigateTo('/pages/mine/myAttention')">
         <view>
           <text class="iconfont">&#xe66f;</text>
         </view>
         <view>关注列表</view>
         <view>我的关注</view>
       </view>
<!--        <view class="order-item" @click="navigateTo('/pages/mine/myCollect/myCollect')">
         <view>
@@ -124,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">&#xe738;</text>
        </view>
        <view>浏览记录</view>
      </view>
      </view> -->
     </view>
   </div>
   
@@ -156,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,
@@ -164,6 +164,8 @@
  },
  data() {
    return {
       base64image,
       base64image2,
      prizeActivity: {},
     endpoint: '',
      configs,
@@ -433,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);
     }
@@ -602,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;