17 lines
777 B
Vue
17 lines
777 B
Vue
<script setup lang="ts">
|
|
defineProps<{ status?: string; reason?: string }>()
|
|
</script>
|
|
|
|
<template>
|
|
<div v-if="status === 'REJECTED'" class="review-rejection-notice" role="alert">
|
|
<strong>驳回原因</strong>
|
|
<span>{{ reason?.trim() || '暂未记录驳回原因，请联系平台确认' }}</span>
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped>
|
|
.review-rejection-notice{display:flex;align-items:flex-start;gap:12px;margin:12px 16px;padding:10px 12px;border:1px solid var(--el-color-danger-light-7);border-radius:4px;background:var(--el-color-danger-light-9);color:var(--el-color-danger);font-size:13px;line-height:1.7}
|
|
.review-rejection-notice strong{flex-shrink:0;font-weight:600}
|
|
.review-rejection-notice span{min-width:0;white-space:pre-wrap;overflow-wrap:anywhere}
|
|
</style>
|