From 682ca9d7a7cd97ad02a9350b8cf8f931462c0a18 Mon Sep 17 00:00:00 2001 From: queenwuli <942534046@qq.com> Date: Fri, 18 Dec 2020 15:47:17 +0800 Subject: [PATCH] gx --- 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