school/pages/index/message.vue

<template>
	<view class="center">
		<view class="bg">
			<image src="" mode=""></image>
		</view>
		<view class="title">新闻大标题放在这里最多两排最多两排换行新闻大标题放在这里最多两排最多两排</view>
		<view class="time">时间，时分秒</view>
		<view class="content">
			这里是文字内容这里是文字内容这里是文字内容这里是文字内容这里是文字内容这里是文字内容这里是文字内容这里是文字内容这里是文字内容这里是文字内容这里是文字内容这里是文字内容这里是文字内容这里是文字内容这里是文字内容这里是文字内容
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss">
.center{
	height: 100%;
}
.bg{
	background: #00BCD4;
	width: 100%;
	height: 474rpx;
}
.title {
	width: 90%;
	margin: 0 auto;
	font-size: 40rpx;
	font-weight: 500;
	color: #171313;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.time {
	width: 90%;
	margin: 0 auto;
	margin-top: 16rpx;
	font-size: 24rpx;
	font-weight: 500;
	color: #656B6C;
}
.content {
	width: 90%;
	margin: 0 auto;
	margin-top: 20rpx;
	font-size: 32rpx;
	font-weight: 500;
	color: #777777;
}

</style>