yicangzongtai_app_240321/pages/entrepreneurshipZone/policyDetail.vue

<template>
	<view class="main">
		<navbar :config="config" backColor="#999999"></navbar>
		<view class="content">
			<view class="title">
				{{details.header}}
			</view>
			<view class="desc">
				<text class="iconfont2">&#xe6a4;</text>
				<text class="author">发布者：{{details.publisher}}</text>
				<text class="iconfont2">&#xe66c;</text>
				<text class="time">{{details.update_time}}</text>
			</view>
			<!-- <u-parse  :html="details.content"></u-parse> -->
			<view class="top ql-editor-box" v-html="details.content"></view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			config: {
				back: true,
				title: '创业政策',
				color: 'black',
				backgroundColor: [1, '#fff'],
				statusBarFontColor: 'black'
			},
			imgFiles: [],
			details: ''
		}
	},
	onLoad(options) {
		if(options&&options.id){
			this.getDetails(options.id)
		}
	},
	methods: {
		getDetails(id){
			this.$http.get(`/workpolicy/${id}`).then(res=>{
				if(res&&res.code==200){
					this.details=res.data
				}
			})
		}
	}
};
</script>

<style lang="scss" scoped>
	.main{
		.content{
			padding: 47rpx 30rpx 42rpx 30rpx;
			.title{
				font-size: 35rpx;
				font-family: PingFang SC, PingFang SC-Bold;
				font-weight: 700;
				text-align: left;
				color: #1a1a1a;
				line-height: 52rpx;
				margin-bottom: 10rpx;
			}
			.desc{
				margin-bottom: 40rpx;
				.iconfont2{
					font-size: 30rpx;
					color: #20A634;
					vertical-align: middle;
				}
				.author,.time{
					font-size: 24rpx;
					font-family: PingFang SC, PingFang SC-Medium;
					font-weight: 500;
					color: #999999;
					margin: 0 50rpx 0 9rpx;
					vertical-align: middle;
				}
			}
		}
	}
	.top {
		padding: 30rpx;
	
		.item {
			font-size: 28rpx;
			font-weight: 700;
			color: #050505;
			line-height: 40rpx;
		}
	
		.content {
			padding: 0 14rpx 26rpx 14rpx;
			font-size: 24rpx;
			color: #666666;
			font-weight: 500;
			line-height: 48rpx;
		}
	
		.title {
			font-size: 26rpx;
			font-weight: 700;
			color: #050505;
			line-height: 40rpx;
		}
	
		.title-item {
			color: #666666;
			font-weight: 500;
			line-height: 48rpx;
			font-size: 24rpx;
			padding: 0 14rpx;
		}
	}
</style>