<template>
|
<!-- 客户信息 -->
|
<view class="container">
|
<view class="header">
|
<image class="avatar" src="../../static/images/head-img.jpg"></image>
|
<text>李某</text>
|
</view>
|
<view>
|
<view class="list-row">
|
<text class="font-14">手机号码</text>
|
<text class="font-14 gray">15569218888</text>
|
</view>
|
<view class="list-row">
|
<text class="font-14">会员级别</text>
|
<text class="font-14 gray">普通会员</text>
|
</view>
|
<view class="list-row">
|
<text class="font-14">卡号</text>
|
<text class="font-14 gray">Q232</text>
|
</view>
|
<view class="list-row">
|
<text class="font-14">总余额</text>
|
<text class="font-14 gray">￥2,323</text>
|
</view>
|
<view class="list-row">
|
<text class="font-14">赠送余额</text>
|
<text class="font-14 gray">￥1,323</text>
|
</view>
|
<view class="list-row">
|
<text class="font-14">剩余积分</text>
|
<text class="font-14 gray">123</text>
|
</view>
|
<view class="list-row">
|
<text class="font-14">所属门店</text>
|
<text class="font-14 gray">东莞店</text>
|
</view>
|
</view>
|
<navigator :url="url">
|
<button class="blue-btn sticky-footer">下一步</button>
|
</navigator>
|
|
</view>
|
</template>
|
|
<script>
|
export default{
|
data(){
|
return{
|
url: './selectProduct',
|
}
|
},
|
onLoad(options) {
|
if(options.type==1){
|
this.url = './selectProduct';
|
} else {
|
this.url = './selectService';
|
}
|
},
|
methods:{
|
|
}
|
}
|
</script>
|
|
<style>
|
.container{
|
padding: 0 10px;
|
}
|
.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: 14px 0;
|
}
|
</style>
|
