hookehuyr

fix(AdPage): 优化广告页面布局和样式

重构广告页面背景图片的实现方式,使用image标签替代view+backgroundImage
调整分享按钮位置从右上角改为左上角
修复排行榜卡片文字高度限制问题
<!--
* @Date: 2025-01-09 00:00:00
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-09-19 17:12:24
* @LastEditTime: 2025-09-19 17:26:08
* @FilePath: /lls_program/src/components/RankingCard.vue
* @Description: 排行榜卡片组件
-->
......@@ -600,7 +600,7 @@ defineExpose({
-webkit-box-orient: vertical;
white-space: normal;
line-height: 1.2;
max-height: 52rpx;
max-height: 60rpx;
}
.leader-name {
......
<!--
* @Date: 2022-09-19 14:11:06
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-09-19 14:27:33
* @LastEditTime: 2025-09-19 17:28:31
* @FilePath: /lls_program/src/pages/ActivitiesCover/index.vue
* @Description: 活动海报页面 - 展示活动信息并处理定位授权
-->
......
......@@ -7,19 +7,20 @@
}
.ad-background {
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
cursor: pointer;
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
object-fit: cover;
object-position: center;
z-index: 1;
}
.share-button-container {
position: absolute;
top: 30rpx;
right: 30rpx;
left: 30rpx;
z-index: 10;
}
......
......@@ -8,20 +8,21 @@
<template>
<view class="ad-page">
<!-- 背景图片 -->
<view
<image
:src="adImageUrl"
class="ad-background"
:style="{ backgroundImage: adImageUrl ? `url(${adImageUrl})` : '' }"
mode="aspectFill"
@tap="handleImageClick"
>
<!-- 右上角分享按钮 -->
<view class="share-button-container" @tap.stop>
<button
class="share-button"
open-type="share"
>
推荐给朋友
</button>
</view>
/>
<!-- 右上角分享按钮 -->
<view class="share-button-container" @tap.stop>
<button
class="share-button"
open-type="share"
>
推荐给朋友
</button>
</view>
<!-- 加载状态 -->
......