66 lines
1.3 KiB
Plaintext
66 lines
1.3 KiB
Plaintext
<!-- 外部情报 > 情报详情 -->
|
|
<script setup lang="ts">
|
|
import AppNewsBox from '@/components/AppNewsBox.vue'
|
|
|
|
const props = defineProps({
|
|
dataList: Array,
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<div class="news-wrapper" v-if="dataList">
|
|
<h1 class="title">
|
|
<AppNewsBox labelText="采购信息留言" text="采购信息留言" class="text-35px"/>
|
|
</h1>
|
|
<h2 class="sub-title" >
|
|
<span>适用对象：{{dataList.usdObj}}</span>
|
|
</h2>
|
|
<h2 class="sub-title" >
|
|
<span>需求依赖：{{dataList.demand}}</span>
|
|
</h2>
|
|
<h2 class="sub-title" >
|
|
<span>安装位置：{{dataList.location}}</span>
|
|
</h2>
|
|
<h2 class="sub-title" >
|
|
<span>采购时间：{{dataList.procureTime}}</span>
|
|
</h2>
|
|
<h2 class="sub-title" >
|
|
<span>备注信息：{{dataList.remark}}</span>
|
|
</h2>
|
|
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped lang="less">
|
|
.news-wrapper {
|
|
.title {
|
|
font-size: 22px;
|
|
text-align: center;
|
|
margin-bottom: 50px;
|
|
}
|
|
.sub-title {
|
|
text-align: left;
|
|
font-size: 20px;
|
|
color: #000000;
|
|
margin-top: 18px;
|
|
}
|
|
}
|
|
.container {
|
|
// column-count: 2;
|
|
column-gap: 34px;
|
|
line-height: 2;
|
|
margin-top: 32px;
|
|
// max-width: 1062px;
|
|
color: black;
|
|
:deep(img) {
|
|
// width: 100%;
|
|
// max-width: 500px;
|
|
border-radius: 6px;
|
|
margin-bottom: 24px;
|
|
}
|
|
:deep(p) {
|
|
text-indent: 2em;
|
|
}
|
|
}
|
|
</style>
|