<template>
|
<!-- 确认订单 -->
|
<view class="container">
|
<view class="header flex align-center justify-between">
|
<view>
|
<text class="font-16">李某</text>
|
<text class="font-16 ml-15">男</text>
|
<text class="font-16 ml-15">18岁</text>
|
</view>
|
<text class="font-16">15588886885</text>
|
</view>
|
<view class="content mt-20">
|
<view class="content-row flex align-center justify-between">
|
<text class="font-14">(项目) 肽妍氨基酸平衡基础洁面乳×1</text>
|
<text class="font-14">￥90,000</text>
|
</view>
|
<view class="content-row flex align-center justify-between">
|
<text class="font-14">(套餐) 肽妍氨基酸平衡基础洁面乳×1</text>
|
<text class="font-14">￥90,000</text>
|
</view>
|
<view class="content-row flex align-center justify-between">
|
<text class="font-14">(项目) 肽妍氨基酸平衡基础洁面乳×1</text>
|
<text class="font-14">￥90,000</text>
|
</view>
|
<view class="right mt-30">
|
<text class="font-16 mr-5">合计:</text>
|
<text class="font-16 red">￥270,000</text>
|
</view>
|
</view>
|
<button class="blue-btn btn" @click="linkTo('./submitSucceed')">提交订单</button>
|
</view>
|
</template>
|
|
<script>
|
export default{
|
data(){
|
return{}
|
},
|
methods:{
|
linkTo(val){
|
uni.navigateTo({
|
url:val
|
})
|
}
|
}
|
}
|
</script>
|
|
<style>
|
.container{
|
padding: 10px;
|
}
|
.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;
|
}
|
.btn{
|
position: absolute;
|
bottom: 10px;
|
left: 10px;
|
right: 10px;
|
}
|
</style>
|
