34 lines
1.1 KiB
Vue
34 lines
1.1 KiB
Vue
<script setup lang="ts">
|
||
const props = defineProps({
|
||
//模态框状态
|
||
orderExtend: {
|
||
type: Array,
|
||
default: () => {
|
||
return []
|
||
},
|
||
},
|
||
})
|
||
</script>
|
||
|
||
<template>
|
||
<!--费用详情-->
|
||
|
||
<div v-if="orderExtend.length" class="w-100% borRadius bg-#FFF py-30px px-30px mbtom20">
|
||
<div v-for="(item, index) in orderExtend" :key="index" class="acea-row justify-between mb20px">
|
||
<div class="text-14px fontColor6">{{ item.title }}{{ item.title.includes(':') ? '' : '：' }}</div>
|
||
<div v-if="!Array.isArray(item.value)" class="text-14px fontColor333">{{ item.value || '--' }}</div>
|
||
<div v-else class="text-14px fontColor333 flex">
|
||
<div v-for="(pic, i) in item.value" :key="i" class="">
|
||
<el-image v-if="pic.includes('http')" :src="pic" :preview-src-list="[pic]" class="w-80px h-80px b-rd-6px ml-10px"></el-image>
|
||
<div v-else class="text-14px fontColor333 ml-5px flex-center">
|
||
{{ pic }}
|
||
<div class="ml-6px" v-show="i < item.value.length - 1"> -- </div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
|
||
<style scoped></style>
|