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

54 lines
1021 B

<!--
* @Author: ch
* @Date: 2022-05-08 16:12:18
* @LastEditors: ch
* @LastEditTime: 2022-05-16 15:41:08
* @Description: file content
-->
<template>
<div class="amount">
<div>
<span>应付款</span>
<UiMoney class="money" size="20px" preSize="14px" sufSize="14px" :money="amount" float prefix suffix/>
</div>
<p>{{address.province + address.city + address.area + address.detailAddress}}</p>
<p>{{address.name}} {{address.phone}}</p>
</div>
</template>
<script>
import UiMoney from '../../../../components/UiMoney.vue'
export default {
components: { UiMoney },
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;
.money{
font-size: 0;
color: #FF512B;
display: inline-block;
font-weight: bold;
}
p{
font-size: 12px;
color: #9E9E9E;
margin-top: 15px;
}
}
</style>