From 31eec8bc86e9400d88bf0115901148dddf129820 Mon Sep 17 00:00:00 2001
From: li-guang <153605324@qq.com>
Date: Mon, 21 Dec 2020 15:55:31 +0800
Subject: [PATCH] 服务单修改样式
---
hive-app/pages/workbench/customerInfo.vue | 60 +++++++++++++++++++++++++++++++++++++-----------------------
1 files changed, 37 insertions(+), 23 deletions(-)
diff --git a/hive-app/pages/workbench/customerInfo.vue b/hive-app/pages/workbench/customerInfo.vue
index 7077475..27986ab 100644
--- a/hive-app/pages/workbench/customerInfo.vue
+++ b/hive-app/pages/workbench/customerInfo.vue
@@ -1,42 +1,42 @@
<template>
<!-- 客户信息 -->
<view class="container">
- <view class="flex flex-v align-center">
- <image class="header-img" src="../../static/images/head-img.jpg"></image>
- <text class="font-16 mt-10">李某</text>
+ <view class="header">
+ <image class="avatar" src="../../static/images/head-img.jpg"></image>
+ <text>李某</text>
</view>
- <view class="mt-20">
- <view class="list-row flex justify-between">
+ <view>
+ <view class="list-row">
<text class="font-14">手机号码</text>
<text class="font-14 gray">15569218888</text>
</view>
- <view class="list-row flex justify-between">
+ <view class="list-row">
<text class="font-14">会员级别</text>
<text class="font-14 gray">普通会员</text>
</view>
- <view class="list-row flex justify-between">
+ <view class="list-row">
<text class="font-14">卡号</text>
<text class="font-14 gray">Q232</text>
</view>
- <view class="list-row flex justify-between">
+ <view class="list-row">
<text class="font-14">总余额</text>
<text class="font-14 gray">￥2,323</text>
</view>
- <view class="list-row flex justify-between">
+ <view class="list-row">
<text class="font-14">赠送余额</text>
<text class="font-14 gray">￥1,323</text>
</view>
- <view class="list-row flex justify-between">
+ <view class="list-row">
<text class="font-14">剩余积分</text>
<text class="font-14 gray">123</text>
</view>
- <view class="list-row flex justify-between">
+ <view class="list-row">
<text class="font-14">所属门店</text>
<text class="font-14 gray">东莞店</text>
</view>
</view>
- <navigator url="./selectProduct/index">
- <button class="blue-btn btn">下一步</button>
+ <navigator :url="url">
+ <button class="blue-btn sticky-footer">下一步</button>
</navigator>
</view>
</template>
@@ -44,9 +44,19 @@
<script>
export default{
data(){
- return{}
+ return{
+ url: './selectProduct/index',
+ }
+ },
+ onLoad(options) {
+ if(options.type==1){
+ this.url = './selectProduct/index';
+ } else {
+ this.url = './selectService';
+ }
},
methods:{
+
}
}
</script>
@@ -55,20 +65,24 @@
.container{
padding: 0 10px;
}
- .header-img{
+ .header{
+ text-align: center;
+ padding: 20px 0;
+ font-size: 16px;
+ color: #333333;
+ }
+ .avatar{
width: 60px;
height: 60px;
+ display: block;
+ margin: 0 auto 10px;
border-radius: 50%;
}
.list-row{
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
border-bottom: 1px solid #EDEAF4;
- padding: 5px 0;
- margin-top: 10px;
- }
- .btn{
- position: absolute;
- bottom: 10px;
- left: 10px;
- right: 10px;
+ padding: 14px 0;
}
</style>
--
Gitblit v1.9.1