You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
86 lines
2.0 KiB
86 lines
2.0 KiB
<template>
|
|
<u-navbar :title="titleData.special_id_name?'“'+ titleData.special_id_name +'”'+'专题':''" placeholder="true" bgColor="#F1F3F9" :autoBack="true">
|
|
</u-navbar>
|
|
<view class="container">
|
|
<view class="titlepart">
|
|
<image style="width: 8rpx;height: 1em;" src="@/static/img/Fill1.png" mode=""></image>
|
|
<image style="width: 8rpx;height: 1em;margin-left: 6rpx;" src="@/static/img/Fill2.png" mode=""></image>
|
|
<text class="title">{{titleData.title}}</text>
|
|
</view>
|
|
<!-- <image style="width: 100%;height: 436rpx;margin-top: 48rpx;" src="@/static/img/Bitmap.png" mode=""></image> -->
|
|
<rich-text :nodes="titleData.content"></rich-text>
|
|
<view class="fbtime">{{titleData.create_time}}</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script setup>
|
|
import {
|
|
onLoad
|
|
} from '@dcloudio/uni-app';
|
|
import {
|
|
ref
|
|
} from 'vue';
|
|
import {
|
|
specialListInfo,
|
|
bannerInfo
|
|
} from '@/api/index'
|
|
|
|
const titleData = ref([])
|
|
|
|
|
|
onLoad(async(param) => {
|
|
if(param.type === 'zt') {
|
|
const res = await specialListInfo(param.id)
|
|
if(res.code === 1) {
|
|
titleData.value = res.data
|
|
}
|
|
} else {
|
|
const res = await bannerInfo(param.id)
|
|
if(res.code === 1) {
|
|
console.log(res);
|
|
titleData.value = res.data
|
|
}
|
|
}
|
|
})
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.container {
|
|
background-color: #FFFFFF;
|
|
height: calc(100vh - 182rpx);
|
|
width: 100%;
|
|
padding: 48rpx;
|
|
box-sizing: border-box;
|
|
.titlepart {
|
|
display: flex;
|
|
align-items: baseline;
|
|
margin-bottom: 40rpx;
|
|
.title {
|
|
font-family: Source Han Sans;
|
|
font-weight: 550;
|
|
font-size: 36rpx;
|
|
color: #0C092A;
|
|
margin-left: 20rpx;
|
|
}
|
|
}
|
|
.text {
|
|
margin-top: 32rpx;
|
|
font-family: Source Han Sans;
|
|
font-size: 32rpx;
|
|
font-weight: 300;
|
|
line-height: 60rpx;
|
|
letter-spacing: normal;
|
|
color: #3D3D3D;
|
|
}
|
|
.fbtime {
|
|
font-family: Roboto;
|
|
font-size: 28rpx;
|
|
font-weight: normal;
|
|
line-height: 142rpx;
|
|
letter-spacing: normal;
|
|
/* 外部/SCMP Grey/nobel */
|
|
/* 样式描述：06 Small Grey txt */
|
|
color: #A1A1A1;
|
|
}
|
|
}
|
|
</style>
|
|
|