| | |
| | | <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> |
| | |
| | | <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> |
| | |
| | | .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> |