Commit ed90d374 authored by lvtz's avatar lvtz

add 积分页面

parent e7adf9ac
......@@ -5,7 +5,9 @@
"src/pages/activityindex/index",
"src/pages/unlockranklist/index",
"business/pages/classhourlist/index",
"business/pages/unlockclocksituation/index"
"business/pages/unlockclocksituation/index",
"src/pages/pointsrule/index",
"src/pages/pointsexchangerecord/index"
],
"subpackages": [
{
......
var app = getApp();
Page({
data: {
imageRoot: app.globalData.imageRoot,
imageVersion: app.globalData.imageVersion,
localImageRoot: '../../../images/',
recoldList: [
{id: '1',imgurl: '2b/rulesrecord/record_checked.png',title: '狐狸玩偶', status: 1, point_num: 2200},
{id: '2',imgurl: '2b/rulesrecord/record_checked.png',title: '小象啊花瓣,你值得拥有,速来兑换!我擦点鞍山西安市', status: 0, point_num: 2200},
{id: '3',imgurl: '2b/rulesrecord/record_checked.png',title: '小象啊花瓣,你值得拥有,速来兑换!', status: 1, point_num: 2200},
]
},
onLoad: function (options) {
},
onReady: function () {
},
onShow: function () {
},
onHide: function () {
},
onUnload: function () {
},
onPullDownRefresh: function () {
},
onReachBottom: function () {
},
onShareAppMessage: function () {
}
})
\ No newline at end of file
{
"navigationBarTitleText": "兑换记录",
"usingComponents": {}
}
\ No newline at end of file
<view class="container points-exchange-record">
<view class="record-list">
<view class="record-item" wx:for="{{recoldList}}" wx:key="item.id">
<image class="item-points-pic" src="{{localImageRoot}}{{item.imgurl}}?{{imageVersion}}" mode="aspectFit|aspectFill|widthFix"></image>
<view class="item-content-box">
<view class="item-title">{{item.title}}</view>
<view class="item-points">-{{item.point_num}}积分</view>
<view class="item-status">
<image wx:if="{{item.status==1}}" src="{{localImageRoot}}2b/rulesrecord/record_checked.png?{{imageVersion}}" mode="aspectFit|aspectFill|widthFix"></image>
<text wx:else>待核销</text>
</view>
</view>
</view>
</view>
</view>
page{
min-height:100%;
background:#F7F7F9;
}
.points-exchange-record{
width: 100%;
padding: 25rpx 24rpx;
}
.record-list{
}
.record-item{
width: 100%;
height: 170rpx;
background: rgba(255,255,255,1);
border-radius: 20px;
box-sizing: border-box;
display: flex;
position: relative;
margin-bottom: 25rpx;
padding: 17rpx;
}
.record-item .item-points-pic{
width: 157rpx;
min-width: 157rpx;
height: 137rpx;
line-height: 36rpx;
border-radius: 20rpx;
}
.record-item .item-content-box{
flex: 1;
padding-left: 25rpx;
line-height: 36rpx;
}
.record-item .item-content-box .item-title{
font-size: 26rpx;
color: #000;
}
.record-item .item-content-box .item-points{
font-size: 22rpx;
color: #878787;
padding-top: 8rpx;
}
.record-item .item-content-box .item-status{
position: absolute;
right: 34rpx;
bottom: 8rpx;
}
.record-item .item-content-box .item-status text{
font-size: 24rpx;
color: #FF5E15;
line-height: 36rpx;
padding: 9rpx 13rpx;
}
.record-item .item-content-box .item-status image{
width: 90rpx;
height: 90rpx;
}
var app = getApp();
Page({
/**
* 页面的初始数据
*/
data: {
imageRoot: app.globalData.imageRoot,
imageVersion: app.globalData.imageVersion,
localImageRoot: '../../../images/',
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
{
"navigationBarTitleText": "积分规则",
"usingComponents": {}
}
\ No newline at end of file
<view class="container">
<view class="pointrule-box">
<view class="part-box">
<view class="part-header">
<image class="part-title-icon" src="{{localImageRoot}}2c/pointsrule/clock.png?{{imageVersion}}" mode="aspectFit|aspectFill|widthFix"></image>
<text class="part-title-text">打卡奖励</text>
</view>
<view class="part-content">
<view class="part-item">
<view class="item-left">
<view class="item-title">每日打卡</view>
<view class="item-subtitle"></view>
</view>
<view class="item-right">
<text class="item-point-num">+3</text>
<image class="item-point-icon" src="{{localImageRoot}}2c/pointsrule/clock.png?{{imageVersion}}" mode="aspectFit|aspectFill|widthFix"></image>
</view>
</view>
<view class="part-item">
<view class="item-left">
<view class="item-title">打卡获得点赞</view>
<view class="item-subtitle">每日上限50</view>
</view>
<view class="item-right">
<text class="item-point-num">+3</text>
<image class="item-point-icon" src="{{localImageRoot}}2c/pointsrule/clock.png?{{imageVersion}}" mode="aspectFit|aspectFill|widthFix"></image>
</view>
</view>
<view class="part-item">
<view class="item-left">
<view class="item-title">打卡获得评论</view>
<view class="item-subtitle">每日上限50</view>
</view>
<view class="item-right">
<text class="item-point-num">+3</text>
<image class="item-point-icon" src="{{localImageRoot}}2c/pointsrule/clock.png?{{imageVersion}}" mode="aspectFit|aspectFill|widthFix"></image>
</view>
</view>
</view>
</view>
<view class="part-box">
<view class="part-header">
<image class="part-title-icon" src="{{localImageRoot}}2c/pointsrule/hudong.png?{{imageVersion}}" mode="aspectFit|aspectFill|widthFix"></image>
<text class="part-title-text">互动奖励</text>
</view>
<view class="part-content">
<view class="part-item">
<view class="item-left">
<view class="item-title">点赞同学</view>
<view class="item-subtitle">每日上限50</view>
</view>
<view class="item-right">
<text class="item-point-num">+3</text>
<image class="item-point-icon" src="{{localImageRoot}}2c/pointsrule/clock.png?{{imageVersion}}" mode="aspectFit|aspectFill|widthFix"></image>
</view>
</view>
<view class="part-item">
<view class="item-left">
<view class="item-title">评论同学</view>
<view class="item-subtitle">每日上限50</view>
</view>
<view class="item-right">
<text class="item-point-num">+3</text>
<image class="item-point-icon" src="{{localImageRoot}}2c/pointsrule/clock.png?{{imageVersion}}" mode="aspectFit|aspectFill|widthFix"></image>
</view>
</view>
<view class="part-item">
<view class="item-left">
<view class="item-title">分享打卡到朋友圈</view>
<view class="item-subtitle">每日上限50</view>
</view>
<view class="item-right">
<text class="item-point-num">+3</text>
<image class="item-point-icon" src="{{localImageRoot}}2c/pointsrule/clock.png?{{imageVersion}}" mode="aspectFit|aspectFill|widthFix"></image>
</view>
</view>
</view>
</view>
<view class="part-box">
<view class="part-header">
<image class="part-title-icon" src="{{localImageRoot}}2c/pointsrule/evaluate.png?{{imageVersion}}" mode="aspectFit|aspectFill|widthFix"></image>
<text class="part-title-text">评论奖励</text>
</view>
<view class="part-content">
<view class="part-item">
<view class="item-left">
<view class="item-title">获得老师点评</view>
<view class="item-subtitle"></view>
</view>
<view class="item-right">
<text class="item-point-num">+3</text>
<image class="item-point-icon" src="{{localImageRoot}}2c/pointsrule/clock.png?{{imageVersion}}" mode="aspectFit|aspectFill|widthFix"></image>
</view>
</view>
<view class="part-item">
<view class="item-left">
<view class="item-title">老师打星评分</view>
<view class="item-subtitle"></view>
</view>
<view class="item-right">
<text class="item-point-num">+3</text>
<image class="item-point-icon" src="{{localImageRoot}}2c/pointsrule/clock.png?{{imageVersion}}" mode="aspectFit|aspectFill|widthFix"></image>
</view>
</view>
</view>
</view>
</view>
<view class="rule-instr">
<image class="instr-bg" src="{{localImageRoot}}2c/pointsrule/rule_bg.png?{{imageVersion}}" mode="aspectFit|aspectFill|widthFix"></image>
<view class="instr-text">
<text>积分奖励旨在鼓励用户参与健康日常,</text>
<text>养成爱学习习惯反对恶意刷积分行为,</text>
<text>打卡小管家将做冻结积分或清零处理。</text>
</view>
</view>
</view>
.container{
padding: 0 24rpx;
}
.pointrule-box{
margin-bottom: 60rpx;
}
.part-box{
padding: 40rpx 0 30rpx;
}
.part-header{
display: flex;
align-items: center;
padding-bottom: 30rpx;
}
.part-header .part-title-icon{
width: 36rpx;
height: 30rpx;
}
.part-header .part-title-text{
font-size: 26rpx;
font-weight: bold;
color: #000;
padding-left: 20rpx;
}
.part-content{
}
.part-item{
line-height: 1;
margin-bottom: 30rpx;
display: flex;
justify-content: space-between;
align-items: center;
}
.part-item:last-of-type{
margin-bottom: 0;
}
.item-left{
display: flex;
align-items: flex-end;
}
.item-left .item-title{
font-size: 26rpx;
color: #000;
}
.item-left .item-subtitle{
font-size: 22rpx;
color: #7F7F7F;
padding-left: 27rpx;
}
.item-right{
display: flex;
align-items: center
}
.item-right .item-point-num{
font-size: 22rpx;
color: #FF7000;
padding-right: 17rpx;
}
.item-right .item-point-icon{
width: 21rpx;
height: 22rpx;
}
.rule-instr{
width: 670rpx;
height: 276rpx;
position: relative;
}
.rule-instr .instr-bg{
width: 100%;
height: 100%;
}
.rule-instr .instr-text{
position: absolute;
left: 185rpx;
top: 30rpx;
font-size: 24rpx;
color: #7F7F7F;
/* width: 460rpx; */
}
.instr-text text{
display: block;
line-height: 39rpx;
}
......@@ -4,7 +4,7 @@
<view class="" hover-class="none" hover-stop-propagation="false" wx:if="{{!emptyPage}}">
<view class="" hover-class="none" hover-stop-propagation="false" wx:for="{{taskList}}" wx:key="{{index}}" data-task="{{item}}" bindtap="goClock">
<view class="circle-item rili mb24" hover-class="none" hover-stop-propagation="false" wx:if="{{item.subject_type == 2}}">
<image class="rilibg" src="{{imageRoot}}2c/circleindex/rili.png?{{imageVersion}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload=""></image>
<image class="rilibg" src="{{localImageRoot}}2c/circleindex/rili.png?{{imageVersion}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload=""></image>
<view class="circlename" hover-class="none" hover-stop-propagation="false">{{item.title}}</view>
<view class="static-box" hover-class="none" hover-stop-propagation="false">
<text class="" selectable="false" space="false" decode="false">共{{item.extra.cycle}}天</text>
......@@ -27,7 +27,7 @@
</view>
</view>
<view class="circle-item mb24" hover-class="none" hover-stop-propagation="false" wx:if="{{item.subject_type == 1}}">
<image class="rilibg" src="{{imageRoot}}2c/circleindex/assignment.png?{{imageVersion}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload=""></image>
<image class="rilibg" src="{{localImageRoot}}2c/circleindex/assignment.png?{{imageVersion}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload=""></image>
<view class="circlename" hover-class="none" hover-stop-propagation="false">{{item.title}}</view>
<view class="static-box" hover-class="none" hover-stop-propagation="false">
<text class="" selectable="false" space="false" decode="false">共{{item.extra.student_count}}名学员</text>
......@@ -41,7 +41,7 @@
</view> -->
</view>
<view class="circle-item unlock mb24" hover-class="none" hover-stop-propagation="false" wx:if="{{item.subject_type == 3}}">
<image class="rilibg" src="{{imageRoot}}2c/circleindex/unlock.png?{{imageVersion}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload=""></image>
<image class="rilibg" src="{{localImageRoot}}2c/circleindex/unlock.png?{{imageVersion}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload=""></image>
<view class="circlename" hover-class="none" hover-stop-propagation="false">{{item.title}}</view>
<view class="static-box" hover-class="none" hover-stop-propagation="false">
<text class="" selectable="false" space="false" decode="false">共{{item.extra.student_count}}名学员</text>
......
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