60 lines
1.3 KiB
Vue
60 lines
1.3 KiB
Vue
<!-- 外部情报 > 情报详情 -->
|
||
<script setup lang="ts">
|
||
import AppNewsBox from '@/components/AppNewsBox.vue'
|
||
|
||
const props = defineProps({
|
||
title: String,
|
||
content: String,
|
||
tag: String,
|
||
tagColor: String,
|
||
source: String,
|
||
publishTime: String,
|
||
})
|
||
</script>
|
||
|
||
<template>
|
||
<div class="news-wrapper">
|
||
<h1 class="title" v-if="title">
|
||
<AppNewsBox :labelText="tag" :labelColor="tagColor" :text="title" :size="tag==='New'?'h20px':'h30px'" class="text-35px"/>
|
||
</h1>
|
||
<h2 class="sub-title">
|
||
<span v-if="source">来自：{{ source }}</span>
|
||
<span v-if="publishTime"> {{ publishTime }}</span>
|
||
</h2>
|
||
<div class="container" v-html="content"></div>
|
||
</div>
|
||
</template>
|
||
|
||
<style scoped lang="less">
|
||
.news-wrapper {
|
||
.title {
|
||
font-size: 22px;
|
||
text-align: center;
|
||
}
|
||
.sub-title {
|
||
text-align: center;
|
||
font-size: 16px;
|
||
color: #808696;
|
||
margin-top: 18px;
|
||
}
|
||
}
|
||
.container {
|
||
// column-count: 2;
|
||
column-gap: 34px;
|
||
line-height: 2;
|
||
margin-top: 32px;
|
||
font-size: 18px;
|
||
// max-width: 1062px;
|
||
color: black;
|
||
:deep(img) {
|
||
width: 100%;
|
||
// max-width: 500px;
|
||
border-radius: 6px;
|
||
margin-bottom: 24px;
|
||
}
|
||
:deep(p) {
|
||
text-indent: 2em;
|
||
}
|
||
}
|
||
</style>
|