Browse Source

[积分商城,特享礼遇][修改][样式]

tags/河北版C.8.1.01
hurui 5 years ago
parent
commit
2063c6af22
10 changed files with 151 additions and 75 deletions
  1. +1
    -0
      pages/acSignIn/index.js
  2. +1
    -1
      pages/edit/edit.json
  3. +17
    -7
      pages/index/searchbar/index.wxss
  4. +34
    -1
      pages/integralmall/index.js
  5. +31
    -22
      pages/integralmall/index.wxml
  6. +41
    -25
      pages/integralmall/index.wxss
  7. +1
    -1
      pages/specialcourtesy/specialcourtesy.json
  8. +4
    -4
      pages/specialcourtesy/specialcourtesy.wxml
  9. +18
    -11
      pages/specialcourtesy/specialcourtesy.wxss
  10. +3
    -3
      pages/user/index.wxml

+ 1
- 0
pages/acSignIn/index.js View File

@@ -21,6 +21,7 @@ Page({
})
}
},
// pages/index/searchbar/index
signIn(id){
let that = this;
Http.post({


+ 1
- 1
pages/edit/edit.json View File

@@ -1,3 +1,3 @@
{
"navigationBarTitleText": "编辑资料"
"navigationBarTitleText": "我的资料"
}

+ 17
- 7
pages/index/searchbar/index.wxss View File

@@ -15,9 +15,21 @@
height: 100rpx;
line-height: 100rpx;
text-align: center;
font-size: 34rpx;
font-size: 30rpx;
font-family: PingFangSC-Semibold;
color: rgba(51, 51, 51, 1);
color: #3C3C3C;
background: #FFFFFF;
font-weight:500;
}
.text-styleHover{
position: relative;
width: 139rpx;
height: 100rpx;
line-height: 100rpx;
text-align: center;
font-size: 26rpx;
font-family: PingFangSC-Semibold;
color: #A6A6A6;
}
.text-style text{
font-size: 26rpx;
@@ -25,14 +37,12 @@
.active1 {
font-size: 30rpx!important;
}

.active {
position: absolute;
left: 20rpx;
bottom: 0rpx;
top:0;
margin: auto;

width:12rpx;
height:24rpx;
background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%);
@@ -78,8 +88,8 @@
top: 0;
bottom: 0;
margin: auto;
width: 50rpx;
height: 50rpx;
width: 60rpx;
height: 60rpx;
}
.merchants{
width: 90%;
@@ -103,7 +113,6 @@
width: 120rpx;
height: 120rpx;
border-radius: 16rpx;
border: 1rpx solid #e5e5e5;
}

.merchants view:nth-child(2) {
@@ -112,6 +121,7 @@
.shopVo{
display: flex;
padding-left: 0!important;

}
.merchants view:nth-child(2) text:nth-child(1) {
display: block;


+ 34
- 1
pages/integralmall/index.js View File

@@ -24,6 +24,7 @@ Page({
content: '数据正在加载中',
reloadIf: false,
creditAmount: 0,
score: '0',
},
goback: function () {
wx.switchTab({
@@ -58,7 +59,39 @@ Page({
that.setData({
lists: null
})
}
};
Http.get({
url: config.api.getScore,
data: {}
}).then(res => {
if (res.data.address && res.data.name && res.data.sex && res.data.birthdate) {
that.setData({
showEdit: true
})
}
that.setData({
score: res.data.score,
levelName: res.data.levelName,
})
if (res.data.nickName) {
that.setData({
ismember: true,
memberId: res.data.id
})
var size = this.setCanvasSize();
var initUrl = JSON.stringify({
flagid: res.data.id
});
that.createQrCode(initUrl, "mycanvas1", size.w, size.h);
}
})
.catch(err => {
wx.showModal({
title: '提示',
content: err.errMsg,
showCancel: false
})
})
},
// 获得积分,渲染页面
getPoints(){


+ 31
- 22
pages/integralmall/index.wxml View File

@@ -1,28 +1,37 @@
<button class='goback' bindtap='goback'><image src='{{wmhome}}' mode="widthFix"></image></button>
<view class='content-box'>
<view class='topbg'>
<view class="user-avatar" bindtap='gotograde'>
<open-data class="open" type="userAvatarUrl"></open-data>
</view>
<view class='myName'>
<open-data class="name" type="userNickName"></open-data>
<view class=' usre_level'>
<text class='chengzhang '>{{levelName}}</text>
<view class='topbg-top'>
<view class="user-avatar" bindtap='gotograde'>
<view class='user-box'>
<open-data class="open" type="userAvatarUrl"></open-data>
</view>
</view>
<view class='myName'>
<open-data class="name" type="userNickName"></open-data>
<view class=' usre_level'>
<text class='chengzhang '>{{levelName}}</text>
</view>
<view class="view">
<!-- 成长值<text class="score">{{score}}</text> -->
<progress percent="{{upgradePercent}}" stroke-width="6" activeColor="#FFB287" />
</view>
</view>
<view class='msg'>还需{{upgradeScore}}成长值升级</view>
</view>
<view class="view">
<!-- 成长值<text class="score">{{score}}</text> -->
<progress percent="50" stroke-width="6" activeColor="#FFB287" />
</view>
<view class='msg'>还需1成长值升级</view>
<view class='score'>{{creditAmount}}</view>
<view class='jifen'>
<text>可用积分</text>>
</view>
<!-- 二维码 -->
<view class='qrcode' bindtap='qrcode'>
<image src="{{barcode}}" class='qrcodeimg' mode='widthFix'></image>
<view class='topbg-btom'>
<view class='btoml'>
<view class='score'>{{creditAmount}}</view>
<view class='jifen'>
<text>可用积分</text>>
</view>
</view>
<!-- 二维码 -->
<view class='qrcode' bindtap='qrcode'>
<image src="{{barcode}}" class='qrcodeimg' mode='widthFix'></image>
</view>
</view>
</view>
<view class='no-data01' wx:if='{{lists.length==0}}'>
@@ -47,13 +56,13 @@
</view>
<view class='spell-right'>
<view class='right-button' wx:if="{{item.remainInventory!=0}}">立即换购</view>
<view class='right-button remainInventory' wx:if="{{item.remainInventory==0}}">已兑完</view>
<view class='right-button remainInventory' wx:if="{{item.remainInventory==0}}">立即换购</view>
<!-- <view class='right-text'>剩余{{item.remainInventory}}</view> -->
</view>
<view class='line'></view>
<view class='spell-bot'>
<view class='botMsg'>可用于店内套餐消费</view>
<view class='botNum'>剩余222张</view>
<view class='botMsg'>{{item.subTitle}}</view>
<view class='botNum'>剩余{{item.remainInventory}}张</view>
</view>
</view>
</view>


+ 41
- 25
pages/integralmall/index.wxss View File

@@ -2,19 +2,30 @@

.topbg {
margin-bottom: 30rpx;
position: relative;
width:100%;
height:234rpx;
background:linear-gradient(180deg,rgba(253,131,45,1) 0%,rgba(254,74,22,1) 100%);
}
.topbg-top{
width:100%;
height: 50%;
display: inline-block
}
.topbg-btom{
width:100%;
height: 50%;
}
.user-avatar {
position: absolute;
width: 20%;
height: 100%;
float: left;
}
.user-box {
width: 82rpx;
height: 82rpx;
border-radius: 50%;
overflow: hidden;
top:26rpx;
left:60rpx;
margin: 26rpx 0 0 60rpx;
}
.user-avatar open-data {
display: block;
@@ -30,11 +41,12 @@
margin:0 20rpx;
}
.usre_level{
width:70rpx;
/* width:70rpx; */
height:32rpx;
background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%);
border-radius:9px 9px 9px 0px;
font-family:PingFangSC-Regular;
font-size: 22rpx;
font-weight:400;
color:rgba(255,255,255,1);
line-height:32rpx;
@@ -48,36 +60,38 @@
margin-left: 10rpx;
}
.myName{
position: absolute;
left: 152rpx;
top:26rpx;
float: left;
font-size: 32rpx;
height: 82rpx;
height: 100%;
width:35%;
margin-top:36rpx;
}

.view {
position: absolute;
top: 45rpx;
left: 170rpx;
.view{
/* margin-top:25rpx; */
display: block;
margin: 60rpx 0 0 20rpx;
}
progress{
width:214rpx;
height: 6rpx;
display:inline-block;
border-radius:60rpx;
overflow:hidden;
}
.msg{
position: absolute;
top: 68rpx;
left:400rpx;
float: left;
font-size:10px!important;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(255,255,255,1);
width: 200rpx;
width: 30%;
height: 100%;
margin-top:80rpx;
}
.btoml{
float: left;
height: 100%;
width: 60%;
}

.jifen{
font-size: 20rpx;
font-weight: 500;
@@ -96,18 +110,17 @@ progress{
left:70rpx;
color: #FFFFFF;
}

.qrcode{
width: 84rpx;
height: 84rpx;
position: absolute;
bottom: 38rpx;
right: 48rpx;
float: right;
margin-right: 48rpx;
}
.qrcode image {
margin: auto;
width: 84rpx;
}

page {
height: auto;
overflow: auto;
@@ -194,6 +207,9 @@ image{
float: left;
margin-left: 20rpx;
color: #A6A6A6;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.spell-bot .botNum{
width: 40%;
@@ -216,7 +232,7 @@ image{
}
.content .spell-center{
float: left;
width: 304rpx;
width: 380rpx;
height: 170rpx;
}
.content .tilte{


+ 1
- 1
pages/specialcourtesy/specialcourtesy.json View File

@@ -1,5 +1,5 @@
{
"navigationBarTitleText": "我的特权",
"navigationBarBackgroundColor": "#fc5b24",
"navigationBarBackgroundColor": "#FD832D",
"navigationBarTextStyle": "white"
}

+ 4
- 4
pages/specialcourtesy/specialcourtesy.wxml View File

@@ -4,10 +4,10 @@
<canvas canvas-id="mycanvas2" style="width: 1200rpx; height: 800rpx;" />
</view>
<image src="{{tempFilePath}}" mode="aspectFit" />
<text>会员码:{{memberId}}</text>
</view>
<view class='con'>
<view class="title">会员等级为<text class='level'>[{{level}}]</text>对应门店的优惠折扣</view>
<text class='memCode'>会员码:{{memberId}}</text>
<view class='con'>
<view class="title">会员等级为<text class='level'>[{{level}}]</text>对应门店的优惠折扣</view>
</view>
</view>
<view class='cards clearfix'>
<view class='card' wx:for="{{discountMerchantList}}" wx:key="{{index}}" wx:if="{{discountMerchantList.length>0}}">


+ 18
- 11
pages/specialcourtesy/specialcourtesy.wxss View File

@@ -1,7 +1,7 @@
@import "../../app.wxss";

Page {
background: #fc5b24;
background:linear-gradient(180deg,#FD832D 0%,#FE4A16 100%);
}

.none {
@@ -27,7 +27,7 @@ Page {

.title {
padding: 20rpx 40rpx 30rpx;
color: #fff;
color: #3C3C3C;
text-align: center;
font-size: 26rpx;
}
@@ -156,20 +156,14 @@ Page {
}

.code {
width: 684rpx;
width: 714rpx;
height: 794rpx;
background: #fff;
margin: 0 auto;
border-radius: 10rpx;
padding: 20rpx 0 40rpx;
}

.code text {
color: #666;
display: block;
text-align: center;
font-size: 28rpx;
}

#barcode {
width: 600rpx;
height: 150rpx;
@@ -178,8 +172,21 @@ Page {

.code image {
display: block;
width: 500rpx;
width: 358rpx;
height: 358rpx;
margin: 142rpx 178rpx 72rpx;
}
.memCode{
width: 562rpx;
height: 88rpx;
line-height: 88rpx;
border-radius:16rpx;
border:1px solid rgba(225,225,225,1);
margin: 0 auto;
color: #666;
display: block;
font-size: 28rpx;
text-align: center;
}
.building{
display: inline-block;

+ 3
- 3
pages/user/index.wxml View File

@@ -1,11 +1,11 @@
<view class="user">
<view class="top" ></view>
<view class='user_title '>
<view class="user-avatar" bindtap='gotograde'>
<view class="user-avatar" bindtap='gotoedit'>
<open-data class="open" type="userAvatarUrl"></open-data>
</view>
<view class="user-name">
<open-data class="name" type="userNickName"></open-data>
<view class="user-name" bindtap='gotoedit'>
<open-data class="name" type="userNickName" ></open-data>
<view class=' usre_level'>
<text class='chengzhang '>{{levelName}}</text>
</view>


Loading…
Cancel
Save