Commit 2691846a authored by jiangjiantao's avatar jiangjiantao

前屏会员UI调整

parent 7212dc05
{ {
"pages": [ "pages": [
"pages/login/login", "pages/login/login",
"pages/scan/scan",
"pages/paysuccess/paysuccess", "pages/paysuccess/paysuccess",
"pages/home/home", "pages/home/home",
"pages/balance/balance", "pages/balance/balance"
"pages/scan/scan" ],
],
"window": { "window": {
"defaultTitle": "" "defaultTitle": ""
} }
......
...@@ -16,22 +16,48 @@ ...@@ -16,22 +16,48 @@
.scan-header { .scan-header {
display: flex; display: flex;
flex-direction: row; flex-direction: column;
width: 700rpx; width: 100%;
height: 120rpx; height: 160rpx;
justify-content: center;
color: white; color: white;
font-size: 36rpx; align-items: left;
line-height: 40rpx; }
justify-content: space-between;
align-items: center; /* 会员手机号 */
.scan-header-member-phone {
margin-top: 40rpx;
font-size: 35rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
margin-left: 47rpx;
color: rgba(255, 255, 255, 1);
}
/* 会员积分*/
.scan-header-member-point {
font-size: 31rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: rgba(255, 255, 255, 1);
opacity: 0.85;
margin-top: 13rpx;
margin-left: 47rpx;
margin-bottom: 40rpx;
} }
/* 中间商品列表整体样式 */ /* 中间商品列表整体样式 */
.scan-good-body { .scan-good-body {
width: 700rpx;
height: 100%; height: 100%;
background: transparent width: 700rpx;
background: transparent;
}
.scan-good-body-container{
flex: 1;
} }
/* 面板下方,总额,总数量,总优惠 */ /* 面板下方,总额,总数量,总优惠 */
......
<view class="pagex"> <view class="pagex">
<view slot="header" class="scan-header"> <view class="scan-header">
<view hidden="{{showMemberPhone == ''}}"> <view class="scan-header-member-phone" hidden="{{showMemberPhone == ''}}">
欢迎您,{{showMemberPhone}} 欢迎您,{{showMemberPhone}}
</view> </view>
<view hidden="{{memberPoint == 0}}"> <view class="scan-header-member-point" hidden="{{memberPoint == 0}}">
积分:{{memberPoint}} 积分:{{memberPoint}}
</view> </view>
</view> </view>
<scroll-view class="scan-good-body" scroll-y a:if="{{goods.length > 0}}"> <view class="scan-good-body-container" a:if="{{goods.length > 0}}">
<scroll-view class="scan-good-body" >
<block a:for="{{goods}}"> <block a:for="{{goods}}">
<view class="scan-list-bg"> <view class="scan-list-bg">
<view class="good-list-item-name-font"> <view class="good-list-item-name-font">
...@@ -22,6 +23,7 @@ ...@@ -22,6 +23,7 @@
</view> </view>
</block> </block>
</scroll-view> </scroll-view>
</view>
<view class="empty-shopcart-container" a:if="{{goods.length == 0}}"> <view class="empty-shopcart-container" a:if="{{goods.length == 0}}">
等待收银员录入商品 等待收银员录入商品
<image class="empty-shopcart" mode="aspectFit" src="/images/empty_shopcart.png"/> <image class="empty-shopcart" mode="aspectFit" src="/images/empty_shopcart.png"/>
......
...@@ -65,7 +65,8 @@ Page({ ...@@ -65,7 +65,8 @@ Page({
let showPhone = res.data.substring(0,3)+"****"+res.data.substring(7,11) let showPhone = res.data.substring(0,3)+"****"+res.data.substring(7,11)
context.setData({ context.setData({
memberPhone: res.data, memberPhone: res.data,
showMemberPhone:showPhone showMemberPhone:showPhone,
memberPoint:2130
}) })
} }
else if (res.action == ACTION_GO_BALANCE) { else if (res.action == ACTION_GO_BALANCE) {
......
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