smart-tourism/smart-ui-app/pages/government/detail.vue

<template>
	<view class="contents">
		<view class="title"><text>西藏新增12家4A级景区，get到你的眼球吗？</text></view>
		<view class="ly">
			<text>公众号名称</text>
			<text class="day">4天前</text>
		</view>
		<view>
			<image src="../../static/b1.jpg" mode="widthFix" class="pic"></image>
			<image src="../../static/b2.jpg" mode="widthFix" class="pic"></image>
			<image src="../../static/b3.jpg" mode="widthFix" class="pic"></image>
			<view class="fwb">
				这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容
			</view>
			<view class="mt10">
				<view class="">来源：作者名称</view>
				<view class="">编辑丨编辑名称</view>
				<view class="">责编丨初审名称</view>
				<view class="">审核丨终审名称</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			item: {}
		};
	}
};
</script>

<style lang="scss">
.contents {
	padding: 20px;
	.ly {
		font-size: 14px;
		margin-bottom: 15px;
		color: #2196f3;
		.day {
			color: #818184;
			padding-left: 10px;
		}
	}
	.title {
		padding-top: 20px;
		font-size: 23px;
		font-weight: 400;
		margin-bottom: 20px;
	}
	.pic {
		width: 100%;
		border-radius: 3px;
		margin-top: 3px;
	}
	.fwb {
		margin-top: 15px;
		color: #909090;
	}
}
</style>