wangfukang
3 years ago
4 changed files with 413 additions and 159 deletions
@ -0,0 +1,69 @@ |
|||||
|
<template> |
||||
|
<view class=""> |
||||
|
<view class="month-list"> |
||||
|
<view class="title">2023年12月公示</view> |
||||
|
<view class="content"> |
||||
|
<view class="text">捐赠总金额：10000元</view> |
||||
|
<view class="text">帮扶人数：20人</view> |
||||
|
<view class="text">本月帮帮团：3005人</view> |
||||
|
</view> |
||||
|
<view class="btn-list" style="display: flex;"> |
||||
|
<view class="btn">帮扶公示</view> |
||||
|
<view class="btn">帮帮团公示</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="month-list"> |
||||
|
<view class="title">2023年11月公示</view> |
||||
|
<view class="content"> |
||||
|
<view class="text">捐赠总金额：5000元</view> |
||||
|
<view class="text">帮扶人数：10人</view> |
||||
|
<view class="text">本月帮帮团：2156人</view> |
||||
|
</view> |
||||
|
<view class="btn-list" style="display: flex;"> |
||||
|
<view class="btn">帮扶公示</view> |
||||
|
<view class="btn">帮帮团公示</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
</script> |
||||
|
|
||||
|
<style> |
||||
|
page { |
||||
|
font-size: 36rpx; |
||||
|
} |
||||
|
|
||||
|
.month-list { |
||||
|
border: 1px solid #eee; |
||||
|
width: 95%; |
||||
|
margin: 20rpx auto; |
||||
|
background: #fff; |
||||
|
border-radius: 10px; |
||||
|
} |
||||
|
|
||||
|
.title { |
||||
|
height: 80rpx; |
||||
|
line-height: 80rpx; |
||||
|
border-bottom: 1px solid #eee; |
||||
|
padding-left: 10px; |
||||
|
font-weight: bold; |
||||
|
} |
||||
|
|
||||
|
.text { |
||||
|
line-height: 40px; |
||||
|
height: 80rpx; |
||||
|
padding-left: 10px; |
||||
|
} |
||||
|
|
||||
|
.btn { |
||||
|
flex: 1; |
||||
|
text-align: center; |
||||
|
height: 100rpx; |
||||
|
line-height: 100rpx; |
||||
|
border: 1px solid #eee; |
||||
|
text-decoration: underline; |
||||
|
color: #3c9cff |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,164 @@ |
|||||
|
<template> |
||||
|
<view class="content" @tap="shareBtn"> |
||||
|
<button open-type="share" class="btn"></button> |
||||
|
<view class="title" id='arktitle'>邀请注册最高返现50元</view> |
||||
|
<view class="banner">1、被邀请人需注册成功并缴纳年费后返佣<br>2、根据被邀请人开通服务的时间长短，返现金额不同<br>3、邀请成功后返佣金额自动进入店铺账户，可直接提现</view> |
||||
|
<view class="bottom">*最终解释权归快衣店所有</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
|
||||
|
}; |
||||
|
}, |
||||
|
onShareAppMessage(res) { |
||||
|
if (res.from === 'button') { // 来自页面内分享按钮 |
||||
|
console.log(res.target) |
||||
|
} |
||||
|
return { |
||||
|
title: '你的好友邀请你注册快衣店！', |
||||
|
path: '/pages/rebate/rebateShare', |
||||
|
type:1, |
||||
|
imageUrl:'/static/images/pyq.png' |
||||
|
} |
||||
|
}, |
||||
|
onLoad(options) { |
||||
|
|
||||
|
}, |
||||
|
methods: { |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style> |
||||
|
page { |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
} |
||||
|
|
||||
|
.content { |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
background: url('https://jewel-shop.oss-cn-beijing.aliyuncs.com/352c2490d88b47ac84bf13bfa046abcf.png') no-repeat; |
||||
|
background-size: cover; |
||||
|
background-position: center; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
|
||||
|
.title, |
||||
|
.banner, |
||||
|
.bottom { |
||||
|
width: 80%; |
||||
|
margin: 0 auto; |
||||
|
text-align: center; |
||||
|
} |
||||
|
|
||||
|
.title { |
||||
|
height: 100rpx; |
||||
|
line-height: 100rpx; |
||||
|
font-size: 48rpx; |
||||
|
margin-top: 200rpx; |
||||
|
} |
||||
|
|
||||
|
.banner { |
||||
|
margin-top: 750rpx; |
||||
|
} |
||||
|
|
||||
|
.bottom { |
||||
|
margin-top: 100rpx; |
||||
|
font-size: 26rpx; |
||||
|
} |
||||
|
|
||||
|
.btn { |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
background: rgba(255, 255, 255, 0); |
||||
|
position: absolute; |
||||
|
top: 0; |
||||
|
} |
||||
|
|
||||
|
#arktitle { |
||||
|
background: linear-gradient(to bottom, #000, blue); |
||||
|
-webkit-background-clip: text; |
||||
|
color: transparent; |
||||
|
animation: blink 2s linear infinite; |
||||
|
-webkit-animation: blink 2s linear infinite; |
||||
|
-moz-animation: blink 2s linear infinite; |
||||
|
-ms-animation: blink 2s linear infinite; |
||||
|
-o-animation: blink 2s linear infinite; |
||||
|
} |
||||
|
|
||||
|
@keyframes blink { |
||||
|
0% { |
||||
|
opacity: 1; |
||||
|
} |
||||
|
|
||||
|
50% { |
||||
|
opacity: 0.5; |
||||
|
} |
||||
|
|
||||
|
100% { |
||||
|
opacity: 0.8; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
@-webkit-keyframes blink { |
||||
|
0% { |
||||
|
opacity: 1; |
||||
|
} |
||||
|
|
||||
|
50% { |
||||
|
opacity: 0.5; |
||||
|
} |
||||
|
|
||||
|
100% { |
||||
|
opacity: 0.8; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
@-moz-keyframes blink { |
||||
|
0% { |
||||
|
opacity: 1; |
||||
|
} |
||||
|
|
||||
|
50% { |
||||
|
opacity: 0.5; |
||||
|
} |
||||
|
|
||||
|
100% { |
||||
|
opacity: 0.8; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
@-ms-keyframes blink { |
||||
|
0% { |
||||
|
opacity: 1; |
||||
|
} |
||||
|
|
||||
|
50% { |
||||
|
opacity: 0.5; |
||||
|
} |
||||
|
|
||||
|
100% { |
||||
|
opacity: 0.8; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
@-o-keyframes blink { |
||||
|
0% { |
||||
|
opacity: 1; |
||||
|
} |
||||
|
|
||||
|
50% { |
||||
|
opacity: 0.5; |
||||
|
} |
||||
|
|
||||
|
100% { |
||||
|
opacity: 0.8; |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue