| | |
| | | <template> |
| | | <!-- 确认服务单 --> |
| | | <view> |
| | | <view class="header flex align-center mt-10"> |
| | | <view class="header flex align-center"> |
| | | <image class="header-img" src="../../static/images/head-img.jpg"></image> |
| | | <view class="ml-10"> |
| | | <view class="font-16"> |
| | |
| | | <image class="product-img" src="../../static/images/product.jpg" mode="aspectFill"></image> |
| | | <view class="flex justify-between align-center flex-1 ml-10"> |
| | | <view class="flex flex-v"> |
| | | <text class="font-12">面部护理</text> |
| | | <text class="font-10 gray mt-5">时长: 30分钟</text> |
| | | <text class="font-10 gray mt-5">有效期至: 2021-12-20</text> |
| | | <text class="font-14">面部护理</text> |
| | | <text class="font-12 gray mt-5">时长: 30分钟</text> |
| | | <text class="font-12 gray">有效期至: 2021-12-20</text> |
| | | </view> |
| | | <view> |
| | | <text class="font-16">×1</text> |
| | |
| | | <text class="mr-10">备注</text> |
| | | <input type="text" value="" placeholder="客户需求" placeholder-class='placeholder'/> |
| | | </view> |
| | | <button class="sticky-footer blue-btn">确认提交</button> |
| | | <button class="sticky-footer blue-btn">提交服务单</button> |
| | | </view> |
| | | </template> |
| | | |
| | |
| | | <style> |
| | | page{ |
| | | background: #F6F6F8; |
| | | padding-top: 10px; |
| | | } |
| | | .header{ |
| | | background: #FFFFFF; |
| | |
| | | .content-row{ |
| | | border-bottom: 1px solid #EDEAF4; |
| | | padding: 10px 5px; |
| | | font-size: 14px; |
| | | } |
| | | .content-row:nth-last-child(1){ |
| | | border: 0; |
| | |
| | | } |
| | | .input-row{ |
| | | padding: 10px; |
| | | font-size: 14px; |
| | | } |
| | | .input-row input{ |
| | | font-size: 14px; |
| | | flex: 1; |
| | | } |
| | | </style> |