页面优化

peng

2025-10-30 72a73a1cde9ebbfc0097609595fe2226ae84b9f0

 pages/tabbar/user/my.vue

@@ -23,7 +23,11 @@
      <view class="activity-content">
        <!-- 活动图标（使用接口返回的 activityCoverUrl） -->
        <view class="activity-icon">
          <image :src="prizeActivity.activityCoverUrl" mode="widthFix"></image>
          <view class="floating-btn-content">
            <text class="floating-btn-icon">🎁</text>
          </view>

<!--          <image :src="prizeActivity.activityCoverUrl" mode="aspectFit"></image>-->
        </view>
        <!-- 活动信息（名称、描述、倒计时） -->
        <view class="activity-info">
@@ -100,13 +104,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>
@@ -120,12 +124,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>
   
@@ -151,9 +155,11 @@
import storage from '@/utils/storage.js'
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";

export default {
  components: {
    UIcon,
    tool
  },
  data() {
@@ -401,7 +407,28 @@
body {
  overflow: auto;
}
  
  .floating-btn-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 1;
    position: relative;
  }
  .floating-btn-icon {
    font-size: 75rpx;
    color: white;
    filter: drop-shadow(0 2rpx 4rpx rgba(0, 0, 0, 0.2));
    margin-bottom: 5rpx;
  }
  .floating-btn-text {
    font-size: 20rpx;
    color: white;
    z-index: 1;
    position: relative;
    text-shadow: 0 1rpx 3rpx rgba(0, 0, 0, 0.2);
    white-space: nowrap;
  }
.member-gradient-bg {
   width: 98%;
   height: 250rpx;
@@ -432,7 +459,6 @@
    margin-right: 24rpx;
    border-radius: 16rpx;
    overflow: hidden;
    background: rgba(255,255,255,0.2);
    image {
      width: 100%;
      height: 100%;