From 7ae4e27a487e282b60dc65d7836d1bcd86e7a464 Mon Sep 17 00:00:00 2001
From: zxl <763096477@qq.com>
Date: 星期一, 27 十月 2025 16:51:43 +0800
Subject: [PATCH] 主页页面，活动弹窗，图片适配
---
pages/tabbar/user/my.vue | 32 ++++++++++++++++++++++++++++++--
1 files changed, 30 insertions(+), 2 deletions(-)
diff --git a/pages/tabbar/user/my.vue b/pages/tabbar/user/my.vue
index ceb11d3..5d1745c 100644
--- a/pages/tabbar/user/my.vue
+++ b/pages/tabbar/user/my.vue
@@ -23,7 +23,12 @@
<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>
+ <text class="floating-btn-text">鎶藉娲诲姩</text>
+ </view>
+
+<!-- <image :src="prizeActivity.activityCoverUrl" mode="aspectFit"></image>-->
</view>
<!-- 娲诲姩淇℃伅锛堝悕绉般�佹弿杩般�佸�掕鏃讹級 -->
<view class="activity-info">
@@ -151,9 +156,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 +408,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: 70rpx;
+ 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;
--
Gitblit v1.8.0