You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
shop-pc/pages/order/submit/module/Amount.vue

49 lines
787 B

<!--
* @Author: ch
* @Date: 2022-05-08 16:12:18
* @LastEditors: ch
* @LastEditTime: 2022-05-16 13:56:07
* @Description: file content
-->
<template>
<div class="amount">
<div>
<span>应付款</span>
<b>{{amount}}</b>
</div>
<p>{{address.province + address.city + address.area + address.detailAddress}}</p>
<p>{{address.name}} {{address.phone}}</p>
</div>
</template>
<script>
export default {
props : {
amount : {
type : Number,
default : 0
},
address : {
type : Object,
default : () => ({})
}
}
}
</script>
<style lang="scss" scoped>
.amount{
height: 133px;
background: #f8f8f8;
text-align: right;
padding: 20px 40px;
margin-top: 10px;
b{
font-size: 20px;
}
p{
font-size: 12px;
color: #9E9E9E;
margin-top: 15px;
}
}
</style>