<template>
	<view class="basic_container">
		<BasicContainer :option="option">
			<template #body>
				<view class="content_container">
					<view class="title">
						关于系统升级的通知
					</view>

					<view class="time">
						2024-06-12 12:13
					</view>

					<view class="content">
						为了让您更好的使用资源平台,我们正在对平台进行升级。升级期间暂时无法访问。给您带来的不便,敬请谅解。为了让您更好的使用资源平台,我们正在对平台进行升级。
						升级期间暂时无法访问。给您带来的不便,敬请谅解为了让您更好的使用资源平台,我们正在对平台进行升级。升级期间暂时无法访问。给您带来的不便,敬请谅解
					</view>
				</view>
			</template>
		</BasicContainer>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				option: {
					title: '消息详情',
					haveData: true,
					isFixed: false
				},
			}
		},
		methods: {}
	}
</script>

<style lang="scss" scoped>
	.content_container {
		margin: 10px 13px;
		padding: 20px;
		background-color: #fff;
		border-radius: 8px;
	}

	// 标题
	.title {
		text-align: center;
		font-weight: bold;
		color: #333;
		font-size: 16px;
		line-height: 25px;
		margin-bottom: 5px;
	}

	// 时间
	.time {
		font-size: 14px;
		color: #999999;
		line-height: 25px;
		text-align: center;
	}

	.content {
		font-size: 15px;
		color: #606060;
		line-height: 27px;
		text-indent: 4ch;
	}
</style>