Commit 7abab5ba authored by wangxuelai's avatar wangxuelai

''

parent 3fbe1248
......@@ -444,6 +444,13 @@
"index"
]
},
{
"root": "src/pages/scoreprodetail",
"name": "scoreprodetail",
"pages": [
"index"
]
},
{
"root": "business/pages/teachermgt",
"name": "businessteachermgt",
......@@ -578,6 +585,21 @@
"pages": [
"index"
]
},
{
"root": "business/pages/scorerulesetting",
"name": "businessscorerulesetting",
"pages": [
"index"
]
},
{
"root": "business/pages/scoreproedit",
"name": "businessscoreproedit",
"pages": [
"couponeditor",
"proeditor"
]
}
],
"preloadRule": {
......
......@@ -83,6 +83,18 @@
<image class="right-icon" src="{{imageRoot}}2b/organizationalmgt/right.png?{{imageVersion}}" lazy-load="false" binderror="" bindload=""></image>
</view>
</view>
<view class="content-item" hover-class="none" hover-stop-propagation="false" bindtap='goclassmgt' wx:if="{{permission[2]}}">
<form report-submit="true" bindsubmit="formIdCreate" class="createidform">
<button form-type="submit" class="createidbutton">生成form</button>
</form>
<view class="item-left" hover-class="none" hover-stop-propagation="false">
<image class="item-icon iconb" src="{{imageRoot}}2b/organizationalmgt/icon4.png?{{imageVersion}}" lazy-load="false" binderror="" bindload=""></image>
</view>
<view class="{{permission.lenght<=1?'item-right no-border':'item-right'}}" hover-class="none" hover-stop-propagation="false">
<text class="right-text">积分管理</text>
<image class="right-icon" src="{{imageRoot}}2b/organizationalmgt/right.png?{{imageVersion}}" lazy-load="false" binderror="" bindload=""></image>
</view>
</view>
<view class="content-item" hover-class="none" hover-stop-propagation="false" wx:if="{{permission[5]}}" bindtap="goTeachermgt">
<form report-submit="true" bindsubmit="formIdCreate" class="createidform">
<button form-type="submit" class="createidbutton">生成form</button>
......
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="scoreedit-container" hover-class="none" hover-stop-propagation="false">
<view class="title" hover-class="none" hover-stop-propagation="false">商品封面</view>
<view class="uploadcontent" hover-class="none" hover-stop-propagation="false">
<view class="uploadbox" hover-class="none" hover-stop-propagation="false">
<image class="mainimg" src="https://wx.qlogo.cn/mmopen/vi_32/GY0ZvN3sdDsic3MyuFVfmnu9buGSH0EfMhjD8wsH9QwtcQQYQCkAew6xwgPqsmmEbc0456rY7o5gPiah5rrL4ySA/132" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload=""></image>
<view class="uploadiconbox" hover-class="none" hover-stop-propagation="false">
<image class="uploadicon" src="{{localImageRoot}}2b/scoremgt/uploadicon.png" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload=""></image>
<text class="addimgtext" selectable="false" space="false" decode="false">添加图片</text>
</view>
<image class="del-icon" src="{{imageRoot}}2b/common/reddelicon.png?{{imageVersion}}" lazy-load="false" binderror="" bindload=""></image>
</view>
<view class="uploadtext" hover-class="none" hover-stop-propagation="false">建议尺寸:310*270 最多上传1张</view>
</view>
<view class="title" hover-class="none" hover-stop-propagation="false">奖品标题</view>
<view class="prizetitle" hover-class="none" hover-stop-propagation="false">
<textarea placeholder="请输入奖品标题"></textarea>
<view class="textcount" hover-class="none" hover-stop-propagation="false">1/25</view>
</view>
<view class="title" hover-class="none" hover-stop-propagation="false">积分价格</view>
<view class="prostatic" hover-class="none" hover-stop-propagation="false">
<text class="text" selectable="false" space="false" decode="false">兑换该商品需要</text>
<input type="number" class="staticinput" value="2000" />
<text class="text" selectable="false" space="false" decode="false">积分</text>
</view>
<view class="title" hover-class="none" hover-stop-propagation="false">库存</view>
<view class="prostatic" hover-class="none" hover-stop-propagation="false">
<text class="text" selectable="false" space="false" decode="false">该奖品数量</text>
<input type="number" class="staticinput" value="2000"/>
<text class="text" selectable="false" space="false" decode="false">件</text>
</view>
<view class="title" hover-class="none" hover-stop-propagation="false">其他说明</view>
<view class="prizetitle prizedesc" hover-class="none" hover-stop-propagation="false">
<textarea auto-height placeholder="说明一些特殊情况:例如 兑奖规则,奖品情况等"></textarea>
<view class="textcount" hover-class="none" hover-stop-propagation="false">1/100</view>
</view>
</view>
<view class="submitbtn" hover-class="none" hover-stop-propagation="false">上架</view>
</view>
\ No newline at end of file
.scoreedit-container {
min-height: 100vh;
background-color: #fff;
padding: 50rpx 24rpx 0;
}
.title {
color: #000;
font-size: 28rpx;
font-weight: 700;
line-height: 1;
margin-bottom: 35rpx;
}
.uploadcontent {
margin-bottom: 76rpx;
display: flex;
align-items: flex-end;
}
.uploadbox {
width: 200rpx;
height: 174rpx;
border-radius: 10rpx;
background-color: #F7F7F9;
overflow: hidden;
position: relative;
}
.uploadtext {
font-size: 26rpx;
color: #868686;
padding-left: 36rpx;
}
.mainimg {
width: 200rpx;
height: 174rpx;
position: relative;
z-index: 2;
}
.uploadiconbox {
position: absolute;
left: 0;
top: 0;
z-index: 1;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.uploadiconbox .uploadicon {
width: 31rpx;
height: 30rpx;
display: block;
margin-bottom: 30rpx;
}
.uploadiconbox .addimgtext {
color:#B8B8B8;
font-size: 28rpx;
line-height: 1;
}
.del-icon {
box-sizing: content-box;
padding: 0 0 20rpx 20rpx;
width: 40rpx;
height: 40rpx;
position: absolute;
z-index: 3;
top: 0;
right: 0;
}
.prizetitle {
margin-bottom: 70rpx;
position: relative;
}
.prizetitle textarea{
display: block;
height: 90rpx;
background-color: #F7F7F9;
width: 100%;
border-radius: 10rpx;
padding: 15rpx 20rpx;
font-size: 26rpx;
}
.textcount {
position: absolute;
font-size: 22rpx;
color: #828282;
right: 20rpx;
bottom: 10rpx;
line-height: 1;
}
.prostatic {
margin-bottom: 80rpx;
display: flex;
align-items: center;
}
.prostatic .text {
color: #7D7D7D;
font-size: 26rpx;
}
.prostatic .staticinput {
width: 80rpx;
border-bottom: 2rpx solid rgba(130,142,156,0.4);
color: #65B8F4;
font-size: 26rpx;
text-align: center;
line-height: 1;
display: block;
margin: 0 30rpx;
}
.prizetitle.prizedesc textarea{
min-height: 175rpx;
}
.submitbtn {
box-sizing: content-box;
text-align: center;
line-height: 80rpx;
font-size: 38rpx;
color: #fff;
/* font-weight: 700; */
letter-spacing: 2rpx;
background-color: #65B8F4;
border-radius: 40rpx;
/* display: inline-block; */
/* padding: 0 70rpx; */
width: 256rpx;
margin: 220rpx auto 30rpx;
}
\ No newline at end of file
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="scoreedit-container" hover-class="none" hover-stop-propagation="false">
<view class="title" hover-class="none" hover-stop-propagation="false">商品封面</view>
<view class="uploadcontent" hover-class="none" hover-stop-propagation="false">
<view class="uploadbox" hover-class="none" hover-stop-propagation="false">
<image class="mainimg" src="https://wx.qlogo.cn/mmopen/vi_32/GY0ZvN3sdDsic3MyuFVfmnu9buGSH0EfMhjD8wsH9QwtcQQYQCkAew6xwgPqsmmEbc0456rY7o5gPiah5rrL4ySA/132" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload=""></image>
<view class="uploadiconbox" hover-class="none" hover-stop-propagation="false">
<image class="uploadicon" src="{{localImageRoot}}2b/scoremgt/uploadicon.png?{{imageVersion}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload=""></image>
<text class="addimgtext" selectable="false" space="false" decode="false">添加图片</text>
</view>
<image class="del-icon" src="{{imageRoot}}2b/common/reddelicon.png?{{imageVersion}}" lazy-load="false" binderror="" bindload=""></image>
</view>
<view class="uploadtext" hover-class="none" hover-stop-propagation="false">建议尺寸:310*270 最多上传1张</view>
</view>
<view class="title" hover-class="none" hover-stop-propagation="false">商品详情图</view>
<view class="proimages" hover-class="none" hover-stop-propagation="false">
<swiper style="height: 145px">
<swiper-item>
<image class="proswiperimg" src="https://wx.qlogo.cn/mmopen/vi_32/GY0ZvN3sdDsic3MyuFVfmnu9buGSH0EfMhjD8wsH9QwtcQQYQCkAew6xwgPqsmmEbc0456rY7o5gPiah5rrL4ySA/132" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload=""></image>
</swiper-item>
<swiper-item>
<image class="proswiperimg" src="https://wx.qlogo.cn/mmopen/vi_32/GY0ZvN3sdDsic3MyuFVfmnu9buGSH0EfMhjD8wsH9QwtcQQYQCkAew6xwgPqsmmEbc0456rY7o5gPiah5rrL4ySA/132" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload=""></image>
</swiper-item>
<swiper-item>
<image class="proswiperimg" src="https://wx.qlogo.cn/mmopen/vi_32/GY0ZvN3sdDsic3MyuFVfmnu9buGSH0EfMhjD8wsH9QwtcQQYQCkAew6xwgPqsmmEbc0456rY7o5gPiah5rrL4ySA/132" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload=""></image>
</swiper-item>
<swiper-item>
<image class="proswiperimg" src="https://wx.qlogo.cn/mmopen/vi_32/GY0ZvN3sdDsic3MyuFVfmnu9buGSH0EfMhjD8wsH9QwtcQQYQCkAew6xwgPqsmmEbc0456rY7o5gPiah5rrL4ySA/132" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload=""></image>
</swiper-item>
</swiper>
<view class="arrowcircleleftbox" hover-class="none" hover-stop-propagation="false">
<image class="arrowcircleleft" src="{{localImageRoot}}2b/scoremgt/arrowcircleleft.png?{{imageVersion}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload=""></image>
</view>
<view class="arrowcirclerightbox" hover-class="none" hover-stop-propagation="false">
<image class="arrowcircleright" src="{{localImageRoot}}2b/scoremgt/arrowcircleright.png?{{imageVersion}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload=""></image>
</view>
<view class="uploadiconbox" hover-class="none" hover-stop-propagation="false">
<image class="uploadicon" src="{{localImageRoot}}2b/scoremgt/uploadiconwhite.png?{{imageVersion}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload=""></image>
<text class="addimgtext" selectable="false" space="false" decode="false">添加图片</text>
<text class="advicesize" selectable="false" space="false" decode="false">建议尺寸:750*310 3/4</text>
</view>
<image class="del-icon" src="{{imageRoot}}2b/common/reddelicon.png?{{imageVersion}}" lazy-load="false" binderror="" bindload=""></image>
</view>
<view class="swiperpagination" hover-class="none" hover-stop-propagation="false">
<view class="dot" hover-class="none" hover-stop-propagation="false"></view>
<view class="dot" hover-class="none" hover-stop-propagation="false"></view>
<view class="dot active" hover-class="none" hover-stop-propagation="false"></view>
<view class="dot" hover-class="none" hover-stop-propagation="false"></view>
</view>
<view class="title" hover-class="none" hover-stop-propagation="false">奖品标题</view>
<view class="prizetitle" hover-class="none" hover-stop-propagation="false">
<textarea placeholder="请输入奖品标题"></textarea>
<view class="textcount" hover-class="none" hover-stop-propagation="false">1/25</view>
</view>
<view class="title" hover-class="none" hover-stop-propagation="false">积分价格</view>
<view class="prostatic" hover-class="none" hover-stop-propagation="false">
<text class="text" selectable="false" space="false" decode="false">兑换该商品需要</text>
<input type="number" class="staticinput" value="2000" />
<text class="text" selectable="false" space="false" decode="false">积分</text>
</view>
<view class="title" hover-class="none" hover-stop-propagation="false">库存</view>
<view class="prostatic" hover-class="none" hover-stop-propagation="false">
<text class="text" selectable="false" space="false" decode="false">该奖品数量</text>
<input type="number" class="staticinput" value="2000"/>
<text class="text" selectable="false" space="false" decode="false">件</text>
</view>
<view class="title" hover-class="none" hover-stop-propagation="false">其他说明</view>
<view class="prizetitle prizedesc" hover-class="none" hover-stop-propagation="false">
<textarea auto-height placeholder="说明一些特殊情况:例如 兑奖规则,奖品情况等"></textarea>
<view class="textcount" hover-class="none" hover-stop-propagation="false">1/100</view>
</view>
</view>
<view class="submitbtn" hover-class="none" hover-stop-propagation="false">上架</view>
</view>
.scoreedit-container {
min-height: 100vh;
background-color: #fff;
padding: 50rpx 24rpx 0;
}
.title {
color: #000;
font-size: 28rpx;
font-weight: 700;
line-height: 1;
margin-bottom: 35rpx;
}
.uploadcontent {
margin-bottom: 76rpx;
display: flex;
align-items: flex-end;
}
.uploadbox {
width: 200rpx;
height: 174rpx;
border-radius: 10rpx;
background-color: #F7F7F9;
overflow: hidden;
position: relative;
}
.uploadtext {
font-size: 26rpx;
color: #868686;
padding-left: 36rpx;
}
.mainimg {
width: 200rpx;
height: 174rpx;
position: relative;
z-index: 2;
}
.uploadiconbox {
position: absolute;
left: 0;
top: 0;
z-index: 1;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.uploadiconbox .uploadicon {
width: 31rpx;
height: 30rpx;
display: block;
margin-bottom: 30rpx;
}
.uploadiconbox .addimgtext {
color:#B8B8B8;
font-size: 28rpx;
line-height: 1;
}
.del-icon {
width: 40rpx;
height: 40rpx;
position: absolute;
z-index: 10;
top: 0;
right: 0;
box-sizing: content-box;
padding: 0 0 20rpx 20rpx;
}
.prizetitle {
margin-bottom: 70rpx;
position: relative;
}
.prizetitle textarea{
display: block;
height: 90rpx;
background-color: #F7F7F9;
width: 100%;
border-radius: 10rpx;
padding: 15rpx 20rpx;
font-size: 26rpx;
}
.textcount {
position: absolute;
font-size: 22rpx;
color: #828282;
right: 20rpx;
bottom: 10rpx;
line-height: 1;
}
.prostatic {
margin-bottom: 80rpx;
display: flex;
align-items: center;
}
.prostatic .text {
color: #7D7D7D;
font-size: 26rpx;
}
.prostatic .staticinput {
width: 80rpx;
border-bottom: 2rpx solid rgba(130,142,156,0.4);
color: #65B8F4;
font-size: 26rpx;
text-align: center;
line-height: 1;
display: block;
margin: 0 30rpx;
}
.prizetitle.prizedesc textarea{
min-height: 175rpx;
}
.submitbtn {
box-sizing: content-box;
text-align: center;
line-height: 80rpx;
font-size: 38rpx;
color: #fff;
/* font-weight: 700; */
letter-spacing: 2rpx;
background-color: #65B8F4;
border-radius: 40rpx;
/* display: inline-block; */
/* padding: 0 70rpx; */
width: 256rpx;
margin: 220rpx auto 30rpx;
}
.proimages {
margin-bottom: 24rpx;
position: relative;
}
.proimages .proswiperimg{
width: 100%;
height: 290rpx;
}
.swiperpagination {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 36rpx;
}
.swiperpagination .dot {
width: 10rpx;
height: 10rpx;
border-radius: 5rpx;
background-color: #CDCDCD;
margin: 0 7rpx;
transition: width 0.1s;
}
.swiperpagination .dot.active {
width: 22rpx;
background-color: #65B8F4;
}
.advicesize {
color: #fff;
margin-top: 50rpx;
}
.proimages .uploadiconbox {
background-color:rgba(0,0,0,0.5);
}
.proimages .uploadiconbox .addimgtext {
color: #fff;
}
.arrowcircleleftbox {
position: absolute;
left: 0;
top: 0;
z-index: 5;
display: flex;
align-items: center;
padding: 0 26rpx;
height: 100%;
}
.arrowcirclerightbox {
position: absolute;
right: 0;
top: 0;
z-index: 5;
display: flex;
align-items: center;
padding: 0 26rpx;
height: 100%;
}
.arrowcircleleft {
width: 45rpx;
height: 45rpx;
}
.arrowcircleright {
width: 45rpx;
height: 45rpx;
}
\ No newline at end of file
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
This diff is collapsed.
.setting-item {
padding: 40rpx 24rpx 26rpx;
}
.itemtop {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 6rpx;
}
.itemtop .itemtitle {
font-size: 28rpx;
color: #000;
font-weight: 700;
line-height: 1;
}
.itemtop .scoreinputbox {
display: flex;
align-items: center;
}
.itemtop .scoreinputbox text {
color:#65B8F4;
font-size: 26rpx;
}
.itemtop .scoreinputbox .scoreinput {
background-color: rgba(101,184,244,0.1);
color: #65B8F4;
font-size: 26rpx;
text-align: center;
width: 50px;
height: 26px;
line-height: 26rpx;
border-radius: 10rpx;
margin: 0 24rpx;
}
.itemmiddle {
color: #7F7F7F;
font-size: 24rpx;
letter-spacing: 2rpx;
line-height: 1;
margin-bottom: 19rpx;
}
.itembottom {
display: flex;
align-items: center;
justify-content: space-between;
}
.itembottom .itemtitle {
color: #FF7000;
font-size: 24rpx;
}
.itembottom .countinputbox {
display: flex;
align-items: flex-end;
}
.itembottom .countinputbox .countinput {
font-size: 18rpx;
width: 28px;
height: 18px;
min-height: initial;
text-align: center;
line-height: 18px;
background-color:rgba(247,247,249,1);
border-radius: 10rpx;
margin-right: 14rpx;
color: #B4B4B4;
}
.itembottom .countinputbox .countinput.active {
width: 40px;
height: 26px;
background-color: rgba(255,112,0,0.1);
color: #FF853A;
font-size: 26rpx;
border-radius: 10rpx;
}
.itembottom .countinputbox .counttext {
font-size: 18rpx;
color: #A2A2A2;
padding-right: 10rpx;
line-height: 18px;
}
.itembottom .countinputbox .counttext.active {
font-size: 26rpx;
color: #FF7000;
line-height: 26px;
}
.itembottom .countinputbox .divide {
font-size: 30rpx;
color: #C0C0C0;
padding-right: 25rpx;
}
.itembottom .countinputbox .unlimit {
box-sizing: content-box;
width: 28px;
height: 16px;
line-height: 16px;
text-align: center;
border-radius: 10rpx;
border: 2rpx solid rgba(162,162,162,1);
color: #A2A2A2;
font-size: 18rpx;
}
.itembottom .countinputbox .unlimit.active {
box-sizing: content-box;
width: 40px;
height: 24px;
line-height: 24px;
border: 1px solid rgba(255,112,0,1);
color: #FF7000;
font-size: 13px;
}
.divideline {
height: 14rpx;
background-color: #F7F7F9;
}
.submitbtn {
box-sizing: content-box;
text-align: center;
line-height: 80rpx;
font-size: 38rpx;
color: #fff;
/* font-weight: 700; */
letter-spacing: 2rpx;
background-color: #65B8F4;
border-radius: 40rpx;
/* display: inline-block; */
/* padding: 0 70rpx; */
width: 256rpx;
margin: 86rpx auto 226rpx;
}
\ No newline at end of file
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="coupon-header" hover-class="none" hover-stop-propagation="false">
<view class="couponcard" hover-class="none" hover-stop-propagation="false">
<image class="couponcardbg" src="{{localImageRoot}}2c/mall/couponbg.png?{{imageVersion}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload=""></image>
<view class="couponimgbox" hover-class="none" hover-stop-propagation="false">
<image class="couponimg" src="https://wx.qlogo.cn/mmopen/vi_32/Q0j4TwGTfTJjnVoyAicg2VUo739QjNa8XuTqpv1OUAAfaftDYIe9uibBRIrFrl8JEzYHKeoajN3ypGcFGNCaCF1A/132" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload=""></image>
</view>
</view>
</view>
<view class="proswiper" hover-class="none" hover-stop-propagation="false">
<view class="swiperpagination" hover-class="none" hover-stop-propagation="false">
<view class="dot" hover-class="none" hover-stop-propagation="false"></view>
<view class="dot" hover-class="none" hover-stop-propagation="false"></view>
<view class="dot active" hover-class="none" hover-stop-propagation="false"></view>
<view class="dot" hover-class="none" hover-stop-propagation="false"></view>
</view>
</view>
<view class="prodetail" hover-class="none" hover-stop-propagation="false">
<view class="proname" hover-class="none" hover-stop-propagation="false">奖品名称奖品名称奖品名称奖品名称奖品名称奖品名称奖品名称奖品名称奖品名称奖品名称奖品名称奖品名称奖品名称</view>
<view class="prostatic" hover-class="none" hover-stop-propagation="false">
<text class="proprice" selectable="false" space="false" decode="false">180积分</text>
<text class="prostock" selectable="false" space="false" decode="false">仅剩100份</text>
</view>
</view>
<view class="procontent" hover-class="none" hover-stop-propagation="false">
<view class="contenttitle" hover-class="none" hover-stop-propagation="false">其他说明</view>
<text class="contenttext" selectable="false" space="false" decode="false">1.首先\n2其次</text>
</view>
<view class="buybox" hover-class="none" hover-stop-propagation="false">
<view class="buyboxleft" hover-class="none" hover-stop-propagation="false">
<view class="payline" hover-class="none" hover-stop-propagation="false">
<text class="linetitle" selectable="false" space="false" decode="false">支付:</text>
<text class="linecost" selectable="false" space="false" decode="false">180积分</text>
</view>
<view class="moneyline" hover-class="none" hover-stop-propagation="false">
<text class="linetitle" selectable="false" space="false" decode="false">余额:</text>
<text class="linecost" selectable="false" space="false" decode="false">180积分</text>
</view>
</view>
<view class="buyboxright" hover-class="none" hover-stop-propagation="false">立即兑换</view>
</view>
</view>
.coupon-header {
height: 310rpx;
background: linear-gradient(90deg,rgba(255,207,83,1) 0%,rgba(255,166,23,1) 100%);
margin-bottom: 44rpx;
display: flex;
align-items: center;
justify-content: center;
}
.couponcard {
width: 561rpx;
height: 222rpx;
position: relative;
}
.couponcardbg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.couponimgbox {
position: absolute;
height: 100%;
left: 0;
top: 0;
width: 37%;
display: flex;
align-items: center;
justify-content: center;
}
.couponimgbox .couponimg{
width: 98rpx;
height: 98rpx;
border-radius: 50%;
box-shadow:0px 4rpx 8rpx 0px rgba(255,71,111,0.4);
}
.swiperpagination {
display: flex;
align-items: center;
justify-content: center;
}
.swiperpagination .dot {
width: 10rpx;
height: 10rpx;
border-radius: 5rpx;
background-color: #CDCDCD;
margin: 0 7rpx;
transition: width 0.1s;
}
.swiperpagination .dot.active {
width: 22rpx;
background-color: #FFD146;
}
.proswiper {
margin-bottom: 40rpx;
}
.prodetail {
padding: 0 24rpx;
border-bottom: 2rpx solid rgba(0,0,0,0.05);
padding-bottom: 35rpx;
}
.prodetail .proname {
word-break: break-all;
font-size: 28rpx;
color: #000;
letter-spacing: 2rpx;
font-weight: 700;
line-height: 32rpx;
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
margin-bottom: 21rpx;
}
.prostatic {
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.prostatic .proprice {
font-size: 34rpx;
color: #FF5E15;
letter-spacing: 2rpx;
font-weight: 700;
line-height: 1;
}
.prostatic .prostock {
font-size: 24rpx;
color: #878787;
letter-spacing: 2rpx;
line-height: 1;
}
.procontent {
padding: 48rpx 24rpx 100rpx;
}
.procontent .contenttitle {
font-size: 26rpx;
color: #484848;
font-weight: 700;
line-height: 1;
margin-bottom: 32rpx;
}
.contenttext {
color: #484848;
font-size: 24rpx;
letter-spacing: 2rpx;
}
.buybox {
display: flex;
height: 100rpx;
position: absolute;
left: 0;
bottom: 0;
background-color: #fff;
width: 100%;
border-top: 2rpx solid rgba(0,0,0,0.05);
}
.buybox .buyboxleft {
width: 60%;
padding-left: 24rpx;
display: flex;
flex-direction: column;
justify-content: center;
}
.buybox .buyboxleft .payline .linetitle {
font-size: 26rpx;
color: #000000;
padding-right: 10rpx;
}
.buybox .buyboxleft .payline .linecost {
font-size: 26rpx;
color: #FF5E15;
padding-right: 10rpx;
}
.buybox .buyboxleft .moneyline .linetitle {
font-size: 26rpx;
color: #878787;
padding-right: 10rpx;
}
.buybox .buyboxleft .moneyline .linecost {
font-size: 26rpx;
color: #878787;
padding-right: 10rpx;
}
.buybox .buyboxright {
width: 40%;
background:linear-gradient(90deg,rgba(255,209,85,1) 0%,rgba(255,164,21,1) 100%);
display: flex;
align-items: center;
justify-content: center;
color: #FFFFFF;
font-size: 34rpx;
font-weight: 700;
}
\ No newline at end of file
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="coupon-header" hover-class="none" hover-stop-propagation="false">
<view class="couponcard" hover-class="none" hover-stop-propagation="false">
<image class="couponcardbg" src="{{localImageRoot}}2c/mall/couponbg.png?{{imageVersion}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload=""></image>
<view class="couponimgbox" hover-class="none" hover-stop-propagation="false">
<image class="couponimg" src="https://wx.qlogo.cn/mmopen/vi_32/Q0j4TwGTfTJjnVoyAicg2VUo739QjNa8XuTqpv1OUAAfaftDYIe9uibBRIrFrl8JEzYHKeoajN3ypGcFGNCaCF1A/132" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload=""></image>
</view>
</view>
</view>
<view class="proswiper" hover-class="none" hover-stop-propagation="false">
<view class="swiperpagination" hover-class="none" hover-stop-propagation="false">
<view class="dot" hover-class="none" hover-stop-propagation="false"></view>
<view class="dot" hover-class="none" hover-stop-propagation="false"></view>
<view class="dot active" hover-class="none" hover-stop-propagation="false"></view>
<view class="dot" hover-class="none" hover-stop-propagation="false"></view>
</view>
</view>
<view class="prodetail" hover-class="none" hover-stop-propagation="false">
<view class="proname" hover-class="none" hover-stop-propagation="false">奖品名称奖品名称奖品名称奖品名称奖品名称奖品名称奖品名称奖品名称奖品名称奖品名称奖品名称奖品名称奖品名称</view>
<view class="prostatic" hover-class="none" hover-stop-propagation="false">
<text class="proprice" selectable="false" space="false" decode="false">180积分</text>
<text class="prostock" selectable="false" space="false" decode="false">仅剩100份</text>
</view>
</view>
<view class="procontent" hover-class="none" hover-stop-propagation="false">
<view class="contenttitle" hover-class="none" hover-stop-propagation="false">其他说明</view>
<text class="contenttext" selectable="false" space="false" decode="false">1.首先\n2其次</text>
</view>
<view class="buybox" hover-class="none" hover-stop-propagation="false">
<view class="buyboxleft" hover-class="none" hover-stop-propagation="false">
<view class="payline" hover-class="none" hover-stop-propagation="false">
<text class="linetitle" selectable="false" space="false" decode="false">支付:</text>
<text class="linecost" selectable="false" space="false" decode="false">180积分</text>
</view>
<view class="moneyline" hover-class="none" hover-stop-propagation="false">
<text class="linetitle" selectable="false" space="false" decode="false">余额:</text>
<text class="linecost" selectable="false" space="false" decode="false">180积分</text>
</view>
</view>
<view class="buyboxright" hover-class="none" hover-stop-propagation="false">立即兑换</view>
</view>
</view>
.coupon-header {
height: 310rpx;
background: linear-gradient(90deg,rgba(255,207,83,1) 0%,rgba(255,166,23,1) 100%);
margin-bottom: 44rpx;
display: flex;
align-items: center;
justify-content: center;
}
.couponcard {
width: 561rpx;
height: 222rpx;
position: relative;
}
.couponcardbg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.couponimgbox {
position: absolute;
height: 100%;
left: 0;
top: 0;
width: 37%;
display: flex;
align-items: center;
justify-content: center;
}
.couponimgbox .couponimg{
width: 98rpx;
height: 98rpx;
border-radius: 50%;
box-shadow:0px 4rpx 8rpx 0px rgba(255,71,111,0.4);
}
.swiperpagination {
display: flex;
align-items: center;
justify-content: center;
}
.swiperpagination .dot {
width: 10rpx;
height: 10rpx;
border-radius: 5rpx;
background-color: #CDCDCD;
margin: 0 7rpx;
transition: width 0.1s;
}
.swiperpagination .dot.active {
width: 22rpx;
background-color: #FFD146;
}
.proswiper {
margin-bottom: 40rpx;
}
.prodetail {
padding: 0 24rpx;
border-bottom: 2rpx solid rgba(0,0,0,0.05);
padding-bottom: 35rpx;
}
.prodetail .proname {
word-break: break-all;
font-size: 28rpx;
color: #000;
letter-spacing: 2rpx;
font-weight: 700;
line-height: 32rpx;
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
margin-bottom: 21rpx;
}
.prostatic {
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.prostatic .proprice {
font-size: 34rpx;
color: #FF5E15;
letter-spacing: 2rpx;
font-weight: 700;
line-height: 1;
}
.prostatic .prostock {
font-size: 24rpx;
color: #878787;
letter-spacing: 2rpx;
line-height: 1;
}
.procontent {
padding: 48rpx 24rpx 100rpx;
}
.procontent .contenttitle {
font-size: 26rpx;
color: #484848;
font-weight: 700;
line-height: 1;
margin-bottom: 32rpx;
}
.contenttext {
color: #484848;
font-size: 24rpx;
letter-spacing: 2rpx;
}
.buybox {
display: flex;
height: 100rpx;
position: absolute;
left: 0;
bottom: 0;
background-color: #fff;
width: 100%;
border-top: 2rpx solid rgba(0,0,0,0.05);
}
.buybox .buyboxleft {
width: 60%;
padding-left: 24rpx;
display: flex;
flex-direction: column;
justify-content: center;
}
.buybox .buyboxleft .payline .linetitle {
font-size: 26rpx;
color: #000000;
padding-right: 10rpx;
}
.buybox .buyboxleft .payline .linecost {
font-size: 26rpx;
color: #FF5E15;
padding-right: 10rpx;
}
.buybox .buyboxleft .moneyline .linetitle {
font-size: 26rpx;
color: #878787;
padding-right: 10rpx;
}
.buybox .buyboxleft .moneyline .linecost {
font-size: 26rpx;
color: #878787;
padding-right: 10rpx;
}
.buybox .buyboxright {
width: 40%;
background:linear-gradient(90deg,rgba(255,209,85,1) 0%,rgba(255,164,21,1) 100%);
display: flex;
align-items: center;
justify-content: center;
color: #FFFFFF;
font-size: 34rpx;
font-weight: 700;
}
\ No newline at end of file
......@@ -278,6 +278,16 @@ Page({
url: `/src/pages/exchangebusiness/index?from=2&sid=${this.data.sid}`,
})
},
goScoreMall () {
wx.navigateTo({
url: `/src/pages/mall/index?from=2&sid=${this.data.sid}`,
})
},
goMyScoreIndex () {
wx.navigateTo({
url: `/src/pages/myscoreindex/index?from=2&sid=${this.data.sid}`,
})
},
goMyAchievement () {
const visitor = LocalStorage.getItem('visitor');
wx.navigateTo({
......
......@@ -43,13 +43,13 @@
<view class="scorebox" hover-class="none" hover-stop-propagation="false">
<view class="scoreboxtitle" hover-class="none" hover-stop-propagation="false">积分奖励</view>
<view class="menu linea" hover-class="none" hover-stop-propagation="false">
<view class="menu-item" hover-class="none" hover-stop-propagation="false">
<view class="menu-item" hover-class="none" hover-stop-propagation="false" bindtap="goScoreMall">
<view class="menuicon" hover-class="none" hover-stop-propagation="false">
<image class="mall" src="{{localImageRoot}}2c/ucenter/mall.png?{{imageVersion}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload=""></image>
</view>
<text class="menuname" selectable="false" space="false" decode="false">商城</text>
</view>
<view class="menu-item" hover-class="none" hover-stop-propagation="false">
<view class="menu-item" hover-class="none" hover-stop-propagation="false" bindtap="goMyScoreIndex">
<view class="menuicon" hover-class="none" hover-stop-propagation="false">
<image class="score" src="{{localImageRoot}}2c/ucenter/score.png?{{imageVersion}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload=""></image>
</view>
......
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