Skip to content

飞
飞鹤小程序
Commit 3522edc5 authored by spc's avatar spc
Browse files
Options

915

parent da68c272
Hide whitespace changes
Inline Side-by-side
Showing with 47 additions and 45 deletions
activity0915/act0915/act0915.vue
View file @ 3522edc5
......@@ -73,11 +73,9 @@
</view>
<div class="act915pageinvitecon">
<span class="act915pageinviteconbg"
:style="{ backgroundImage: `url(${$baseUrl}${getImageUrl('inviteConBg')})` }"></span>
<span class="act915pageinviteconbtn"
:style="{ backgroundImage: `url(${$baseUrl}${getImageUrl('inviteConBtn')})` }"
@click="handleInviteClick"></span>
<button class="act915pageinviteconbg" @click="handleInviteClick"
:style="{ backgroundImage: `url(${$baseUrl}${getImageUrl('inviteConBg')})` }" open-type="share"></button>
<div class="act915pageinviteconstatus">
<span class="act915pageinviteconstatusno2"
......@@ -89,10 +87,6 @@
<span class="act915pageinviteconstatusyes1"
:style="{ backgroundImage: `url(${$baseUrl}${getImageUrl('inviteConStatusYes1')})` }"></span>
</div>
<!-- <span class="act915pageinvitecontitle">邀请好友助力得XXXXX</span> -->
<span class="act915pageinviteconimg"
:style="{ backgroundImage: `url(${$baseUrl}${getImageUrl('inviteConImg')})` }"></span>
</div>
<span class="act915pagelotterybanner"
......@@ -155,18 +149,14 @@ const getImageUrl = (imageKey) => {
return config.value?.goods?.goods1?.image || ''
case 'inviteConBg':
return config.value?.invite?.image || ''
case 'inviteConBtn':
return config.value?.invite?.image || ''
case 'inviteConStatusNo2':
return config.value?.invite?.image || ''
return config.value?.invite?.inviteConStatusNo2Img || ''
case 'inviteConStatusNo1':
return config.value?.invite?.image || ''
return config.value?.invite?.inviteConStatusNo1Img || ''
case 'inviteConStatusYes2':
return config.value?.invite?.image || ''
return config.value?.invite?.inviteConStatusYes2Img || ''
case 'inviteConStatusYes1':
return config.value?.invite?.image || ''
case 'inviteConImg':
return config.value?.invite?.image || ''
return config.value?.invite?.inviteConStatusYes1Img || ''
case 'lotteryBanner':
return config.value?.lottery?.image || ''
default:
......@@ -412,17 +402,7 @@ const handleBannerClick = (index) => {
const handleInviteClick = () => {
console.log('点击邀请按钮')
// 从配置中获取邀请按钮链接
const inviteLink = config.value?.invite?.link
if (inviteLink) {
jump(inviteLink)
} else {
// 这里可以添加邀请逻辑
uni.showToast({
title: '邀请功能开发中',
icon: 'none'
})
}
}
// 生命周期
......
activity0915/act0915/act915page.less
View file @ 3522edc5
......@@ -29,7 +29,7 @@
left: 0rpx;
top: 0rpx;
position: absolute;
background-size: cover;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
......@@ -40,7 +40,7 @@
left: 32rpx;
top: 1370rpx;
position: absolute;
background-size: cover;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
......@@ -58,7 +58,7 @@
position: absolute;
top: 0;
left: 0;
background-size: cover;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
......@@ -79,7 +79,7 @@
height: 286rpx; // 固定高度，确保商品项有足够空间
position: relative;
pointer-events: auto; // 恢复点击事件
cursor: pointer;
transition: all 0.3s ease;
min-width: 200rpx; // 最小宽度确保可点击性
......@@ -110,7 +110,7 @@
left: 24rpx;
top: 3369rpx;
position: absolute;
background-size: cover;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
......@@ -128,7 +128,7 @@
position: absolute;
top: 0;
left: 0;
background-size: cover;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
......@@ -149,7 +149,7 @@
.act915pagegoodslist2product {
position: relative;
pointer-events: auto; // 恢复点击事件
cursor: pointer;
transition: all 0.3s ease;
width: 204rpx;
height: 295rpx;
......@@ -200,7 +200,7 @@
position: absolute;
top: 0;
left: 0;
background-size: cover;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
......@@ -221,7 +221,7 @@
.act915pagegoodslist1product {
position: relative;
pointer-events: auto; // 恢复点击事件
cursor: pointer;
transition: all 0.3s ease;
width: 204rpx;
height: 295rpx;
......@@ -272,9 +272,27 @@
left: 0rpx;
top: 0rpx;
position: absolute;
background-size: cover;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
// 重置button默认样式
border: none;
outline: none;
padding: 0;
margin: 0;
background-color: transparent;
// 移除button的默认样式
&::after {
border: none;
}
// 移除button的默认边框
&::before {
border: none;
}
}
.act915pageinviteconbtn {
......@@ -283,7 +301,7 @@
left: 205rpx;
top: 107rpx;
position: absolute;
background-size: cover;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
......@@ -307,7 +325,7 @@
left: 83rpx;
top: 0rpx;
position: absolute;
background-size: cover;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
......@@ -318,7 +336,7 @@
left: 0rpx;
top: 1rpx;
position: absolute;
background-size: cover;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
......@@ -329,7 +347,7 @@
left: 84rpx;
top: 0rpx;
position: absolute;
background-size: cover;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
......@@ -340,7 +358,7 @@
left: 2rpx;
top: 1rpx;
position: absolute;
background-size: cover;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
......@@ -363,7 +381,7 @@
left: 497rpx;
top: 28rpx;
position: absolute;
background-size: cover;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
......@@ -375,7 +393,7 @@
left: 32rpx;
top: 2294rpx;
position: absolute;
background-size: cover;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
......
mock/act915.json
View file @ 3522edc5
......@@ -162,6 +162,10 @@
},
"invite": {
"image": "Act915Page/v2/Act915PageInviteConBg.png",
"inviteConStatusNo2Img": "Act915Page/v2/Act915PageInviteConStatusNo.png",
"inviteConStatusNo1Img": "Act915Page/v2/Act915PageInviteConStatusNo.png",
"inviteConStatusYes2Img": "Act915Page/v2/Act915PageInviteConStatusYes.png",
"inviteConStatusYes1Img": "Act915Page/v2/Act915PageInviteConStatusYes.png",
"link": {
"type": 1,
"url": "/pages/invite/invite"
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment