Skip to content

施宇 / icsalesProgram

Go to a project
Commit a98951c6 by 梁建民
Options

红包

parent 1f7a40c1
Inline Side-by-side
Showing with 496 additions and 3 deletions
app.json
......@@ -37,7 +37,9 @@
"pages/person/withdrawal/index",
"pages/person/withdrawalsuccess/index",
"pages/person/integralrule/index",
"pages/person/packet/index"
"pages/person/packet/index",
"pages/person/invitation/index",
"pages/person/invitationrecord/index"
],
"window": {
"backgroundTextStyle": "light",
......
pages/person/invitation/index.js 0 → 100644
// pages/person/invitation/index.js
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
pages/person/invitation/index.json 0 → 100644
{
"usingComponents": {},
"navigationBarTitleText": "邀请好友"
}
\ No newline at end of file
pages/person/invitation/index.less 0 → 100644
This diff could not be displayed because it is too large.
pages/person/invitation/index.wxml 0 → 100644
<view class="invitation" hover-class="none" hover-stop-propagation="false">
<view class="prompt boxsiz row verCenter bothSide">
<view>
<text class="icon iconfont iconiconxiantiaoshouji12"></text>
<text class="t1">1501****484 刚刚邀请好友获得5元红包</text>
</view>
<view>
<text class="icon iconfont iconiconxiantiaoshouji13"></text>
</view>
</view>
<view class="head">
<view class="wrap column rowCenter verCenter">
<text class="t1">邀请好友立赚</text>
<text class="t2">10元最高</text>
</view>
<view class="show-text row verCenter rowCenter">
<view class="column boxFlex tc">
<text class="t1">邀请人数</text>
<text class="t2 mt">12</text>
<text class="t3">邀请记录</text>
</view>
<view class="column boxFlex tc">
<text class="t1">获得红包</text>
<view class="mt">
<text class="t2">0.00</text>
<text class="t1">元</text>
</view>
<text class="t3">立即提现</text>
</view>
</view>
</view>
<button class="btn">立即邀请赚钱</button>
<view class="show-ico row verCenter avarage">
<view class="column">
<text class="icon iconfont iconjuxing6"></text>
<text class="t1">分享专属链接</text>
</view>
<view class="column">
<text class="icon iconfont iconjuxing7"></text>
<text class="t1">好友点击链接 并完成注册</text>
</view>
<view class="column">
<text class="icon iconfont iconjuxing1"></text>
<text class="t1">您和好友均 获得红包</text>
</view>
</view>
<view class="txt column">
<text class="tit">邀请提示:</text>
<text class="t1">·分享至3个以上微信群/QQ群，邀请成功的几率提升150%</text>
<text class="t1">·可告诉您的朋友，注册可领最高10元红包，并可立即提现。</text>
<text class="t1">·好友必须为IC业务助手新注册用户，才能邀请成功。</text>
</view>
</view>
\ No newline at end of file
pages/person/invitation/index.wxss 0 → 100644
This diff could not be displayed because it is too large.
pages/person/invitationrecord/index.js 0 → 100644
// pages/person/invitationrecord/index.js
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
pages/person/invitationrecord/index.json 0 → 100644
{
"usingComponents": {},
"navigationBarTitleText": "邀请记录"
}
\ No newline at end of file
pages/person/invitationrecord/index.less 0 → 100644
.invitationrecord {
.wrap {
height: 136rpx;
padding: 0 24rpx 0 0;
margin-left: 24rpx;
.t1 {
font-size: 32rpx;
font-weight: 600;
color: #515559;
margin-bottom: 13rpx;
}
.t2 {
font-size: 22rpx;
color: #ADB6BF;
}
.t3 {
font-size: 38rpx;
color: #515559;
font-weight: 600;
}
.t4 {
font-size: 48rpx;
color: #515559;
}
&.bor {
border-bottom: 1px solid #F5F9FC;
}
}
}
\ No newline at end of file
pages/person/invitationrecord/index.wxml 0 → 100644
<view class="invitationrecord" hover-class="none" hover-stop-propagation="false">
<view class="wrap row bothSide verCenter bor">
<view class="column">
<text class="t1">深圳市猎芯科技有限公司</text>
<text class="t2">2019-05-10 10:15</text>
</view>
<view class="row verCenter">
<text class="t3">+</text>
<text class="t4">￥0.05</text>
</view>
</view>
<view class="wrap row bothSide verCenter bor">
<view class="column">
<text class="t1">深圳市猎芯科技有限公司</text>
<text class="t2">2019-05-10 10:15</text>
</view>
<view class="row verCenter">
<text class="t3">+</text>
<text class="t4">￥0.05</text>
</view>
</view>
</view>
\ No newline at end of file
pages/person/invitationrecord/index.wxss 0 → 100644
.invitationrecord .wrap {
height: 136rpx;
padding: 0 24rpx 0 0;
margin-left: 24rpx;
}
.invitationrecord .wrap .t1 {
font-size: 32rpx;
font-weight: 600;
color: #515559;
margin-bottom: 13rpx;
}
.invitationrecord .wrap .t2 {
font-size: 22rpx;
color: #ADB6BF;
}
.invitationrecord .wrap .t3 {
font-size: 38rpx;
color: #515559;
font-weight: 600;
}
.invitationrecord .wrap .t4 {
font-size: 48rpx;
color: #515559;
}
.invitationrecord .wrap.bor {
border-bottom: 1px solid #F5F9FC;
}
pages/person/packet/index.js
......@@ -5,7 +5,7 @@ Page({
* 页面的初始数据
*/
data: {
isShow: true
},
/**
......@@ -62,5 +62,13 @@ Page({
*/
onShareAppMessage: function () {
},
/**
* 关闭弹出层
*/
isShow: function () {
this.setData({
isShow: false
});
}
})
\ No newline at end of file
pages/person/packet/index.less
......@@ -88,4 +88,92 @@
color: #8A9299;
}
}
}
.layer-mask {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 99;
background: rgba(0, 0, 0, 0.7);
.layer {
position: relative;
width: 484rpx;
height: 538rpx;
.im {
position: absolute;
top: -49rpx;
left: 0;
right: 0;
text-align: center;
margin: 0 auto;
width: 484rpx;
height: 538rpx;
z-index: -1;
}
.mt {
margin-bottom: 166rpx;
}
.t1 {
font-size: 48rpx;
font-weight: 600;
color: #2E3033;
margin-bottom: 8rpx;
}
.t2 {
font-size: 24rpx;
color: #8A9299;
line-height: 33rpx;
}
.t3 {
font-size: 78rpx;
color: #ED4141;
line-height: 110rpx;
}
.t4 {
font-size: 26rpx;
color: #2E3033;
}
.btn {
position: absolute;
left: 0;
right: 0;
bottom: 104rpx;
margin: 0 auto;
width: 264rpx;
height: 60rpx;
background: linear-gradient(180deg, rgba(255, 249, 137, 1) 0%, rgba(255, 169, 0, 1) 100%);
box-shadow: 0px 7rpx 10rpx 0px rgba(162, 106, 0, 0.3);
border-radius: 34rpx;
font-size: 28rpx;
text-align: center;
font-weight: 600;
line-height: 60rpx;
color: #DB1E1E;
}
.close {
position: absolute;
right: -15rpx;
top: -70rpx;
width: 64rpx;
height: 64rpx;
border: 2rpx solid #ffffff;
border-radius: 50%;
.icon{
font-size:40rpx;
color:#fff;
}
}
}
}
\ No newline at end of file
pages/person/packet/index.wxml
......@@ -15,4 +15,21 @@
<text class="t1">2.一个账户红包码仅限兑换一次，多次兑换无效。</text>
<text class="t1">3.本活动最终解释权归深圳市电界网络科技有限公司所有。</text>
</view>
</view>
<!-- 弹出层 -->
<view wx:if="{{isShow}}" class="layer-mask column verCenter rowCenter" hover-class="none" hover-stop-propagation="false">
<view class="layer column verCenter rowCenter">
<cover-image class="im" src="/res/images/imgs/ss.png"></cover-image>
<text class="t1">恭喜您</text>
<text class="t2">获得</text>
<view class="mt">
<text class="t3">0.06</text>
<text class="t4">元</text>
</view>
<view class="btn">收下红包</view>
<view class="close row rowCenter verCenter" bind:tap="isShow">
<text class="icon iconfont iconiconxiantiaoshouji13"></text>
</view>
</view>
</view>
\ No newline at end of file
pages/person/packet/index.wxss
......@@ -77,3 +77,81 @@
line-height: 42rpx;
color: #8A9299;
}
.layer-mask {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 99;
background: rgba(0, 0, 0, 0.7);
}
.layer-mask .layer {
position: relative;
width: 484rpx;
height: 538rpx;
}
.layer-mask .layer .im {
position: absolute;
top: -49rpx;
left: 0;
right: 0;
text-align: center;
margin: 0 auto;
width: 484rpx;
height: 538rpx;
z-index: -1;
}
.layer-mask .layer .mt {
margin-bottom: 166rpx;
}
.layer-mask .layer .t1 {
font-size: 48rpx;
font-weight: 600;
color: #2E3033;
margin-bottom: 8rpx;
}
.layer-mask .layer .t2 {
font-size: 24rpx;
color: #8A9299;
line-height: 33rpx;
}
.layer-mask .layer .t3 {
font-size: 78rpx;
color: #ED4141;
line-height: 110rpx;
}
.layer-mask .layer .t4 {
font-size: 26rpx;
color: #2E3033;
}
.layer-mask .layer .btn {
position: absolute;
left: 0;
right: 0;
bottom: 104rpx;
margin: 0 auto;
width: 264rpx;
height: 60rpx;
background: linear-gradient(180deg, #fff989 0%, #ffa900 100%);
box-shadow: 0px 7rpx 10rpx 0px rgba(162, 106, 0, 0.3);
border-radius: 34rpx;
font-size: 28rpx;
text-align: center;
font-weight: 600;
line-height: 60rpx;
color: #DB1E1E;
}
.layer-mask .layer .close {
position: absolute;
right: -15rpx;
top: -70rpx;
width: 64rpx;
height: 64rpx;
border: 2rpx solid #ffffff;
border-radius: 50%;
}
.layer-mask .layer .close .icon {
font-size: 40rpx;
color: #fff;
}
project.config.json
......@@ -48,7 +48,7 @@
"list": []
},
"miniprogram": {
"current": 14,
"current": 16,
"list": [
{
"id": -1,
......@@ -152,6 +152,20 @@
"id": -1,
"name": "pages/person/packet/index",
"pathName": "pages/person/packet/index",
"query": "",
"scene": null
},
{
"id": -1,
"name": "pages/person/invitation/index",
"pathName": "pages/person/invitation/index",
"query": "",
"scene": null
},
{
"id": -1,
"name": "pages/person/invitationrecord/index",
"pathName": "pages/person/invitationrecord/index",
"scene": null
}
]
......
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 sign in to comment