menduner/src/views/recruit/enterprise/memberCenter/myAccount/components/public.vue

<template>
  <div v-for="val in list" :key="val.value" class="font-size-14 color-666 my-3">
    <span>{{ val.label }}</span>
    <span class="ml-5">{{ val.value }}</span>
  </div>
  <div class="color-error font-size-14">
    <v-icon>mdi-information-outline</v-icon>
    请在对公汇款时务必备注订单号
  </div>
</template>

<script setup>
defineOptions({ name: 'public-page'})

const props = defineProps({
  price: {
    type: Number,
    default: 200
  }
})

const list = [
  { label: '账户名称：', value: '苏州识喜识谊科技有限公司' },
  { label: '开户银行：', value: '招商银行北京分行三里屯支行' },
  { label: '银行账号：', value: '1109 1354 8610 601' },
  { label: '汇款金额：', value: '￥' + props.price },
  { label: '汇款备注：', value: '订单号UIzi232rmwwzpif' }
]
</script>

<style scoped lang="scss">

</style>