<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>
|
<view class="mt-20">
|
<view class="list-row flex justify-between">
|
<text class="font-14">手机号码</text>
|
<text class="font-14 gray">15569218888</text>
|
</view>
|
<view class="list-row flex justify-between">
|
<text class="font-14">会员级别</text>
|
<text class="font-14 gray">普通会员</text>
|
</view>
|
<view class="list-row flex justify-between">
|
<text class="font-14">卡号</text>
|
<text class="font-14 gray">Q232</text>
|
</view>
|
<view class="list-row flex justify-between">
|
<text class="font-14">总余额</text>
|
<text class="font-14 gray">￥2,323</text>
|
</view>
|
<view class="list-row flex justify-between">
|
<text class="font-14">赠送余额</text>
|
<text class="font-14 gray">￥1,323</text>
|
</view>
|
<view class="list-row flex justify-between">
|
<text class="font-14">剩余积分</text>
|
<text class="font-14 gray">123</text>
|
</view>
|
<view class="list-row flex justify-between">
|
<text class="font-14">所属门店</text>
|
<text class="font-14 gray">东莞店</text>
|
</view>
|
</view>
|
<button class="blue-btn btn" @click="linkTo('./selectProduct')">下一步</button>
|
</view>
|
</template>
|
|
<script>
|
export default{
|
data(){
|
return{}
|
},
|
methods:{
|
linkTo(val){
|
uni.navigateTo({
|
url:val
|
})
|
}
|
}
|
}
|
</script>
|
|
<style>
|
.container{
|
padding: 0 10px;
|
}
|
.header-img{
|
width: 60px;
|
height: 60px;
|
border-radius: 50%;
|
}
|
.list-row{
|
border-bottom: 1px solid #EDEAF4;
|
padding: 5px 0;
|
margin-top: 10px;
|
}
|
.btn{
|
position: absolute;
|
bottom: 10px;
|
left: 10px;
|
right: 10px;
|
}
|
</style>
|
