<template>
|
<!-- 确认订单 -->
|
<view class="container">
|
<view class="header flex align-center mt-10">
|
<image class="header-img" src="../../static/images/head-img.jpg"></image>
|
<view class="ml-10">
|
<view class="font-16">
|
<text>李某</text>
|
<text class="ml-20">15588881111</text>
|
</view>
|
<text class="font-14 gray mt-5">普通会员</text>
|
</view>
|
</view>
|
<view class="content flex flex-v mt-10">
|
<view class="content-row flex justify-between align-center flex-1" v-for="item in 4">
|
<view class="flex align-center">
|
<image class="centent-img" mode="aspectFill" src="../../static/images/product.jpg"></image>
|
<view class="flex flex-v font-12 ml-10">
|
<text>[项目] 肽妍氨基酸平衡基础洁面乳</text>
|
<text class="gray">×1</text>
|
</view>
|
</view>
|
<view>
|
<text>￥400.00</text>
|
</view>
|
</view>
|
<view class="content-row flex justify-between">
|
<text class="blue">共5件商品</text>
|
<view class="flex align-center">
|
<text>合计:</text>
|
<text class="red ml-10">￥90,000.00</text>
|
</view>
|
</view>
|
</view>
|
<navigator url="./submitSucceed">
|
<button class="sticky-footer blue-btn">确认提交</button>
|
</navigator>
|
</view>
|
</template>
|
|
<script>
|
export default{
|
data(){
|
return{}
|
},
|
methods:{
|
}
|
}
|
</script>
|
|
<style>
|
.container{
|
padding: 10px;
|
}
|
.header-img{
|
width: 48px;
|
height: 48px;
|
border-radius: 50%;
|
}
|
.centent-img{
|
width: 36px;
|
height: 36px;
|
border-radius: 4px;
|
}
|
.header{
|
border: 1px solid #EDEAF4;
|
box-shadow:0 6px 6px rgba(237,234,244,0.5);
|
border-radius: 4px;
|
padding: 10px 10px;
|
}
|
.content{
|
border: 1px solid #EDEAF4;
|
box-shadow:0 6px 6px rgba(237,234,244,0.5);
|
border-radius: 4px;
|
padding: 10px;
|
}
|
.content-row{
|
border-bottom: 1px solid #EDEAF4;
|
padding: 10px 5px;
|
}
|
.content-row:nth-last-child(1){
|
border: 0;
|
}
|
</style>
|
