MinNan/xueyuan_fenbao/zhuangJia/huodongXq.vue

<template>
	<view class="body2">
		<u-navbar :autoBack="true" title="详情介绍" bgColor="rgba(255,255,255,0)" :placeholder="true" titleStyle="font-weight:bold;color:#121212"></u-navbar>
		<view class="group_1">
			<view class="group_3">
				<text lines="1" class="text_2">快来！2023答嘴鼓夏令营火热报名中~</text>
				<view class="block_1">
					<text lines="1" decode="true" class="text_3">2023.09.01&nbsp;12:00:10</text>
					<!-- <view class="image-text_1">
						<uni-icons type="redo" size="20"></uni-icons>

						<text lines="1" class="text-group_1">分享</text>
					</view> -->
				</view>
			</view>
			<view class="group_4">
				<image src="https://huli-app.wenlvti.net/app_static/minnanhun/image/hd_1.png" class="image_4"></image>
				<text lines="1" decode="true" class="paragraph_1">
					在这个时代，社会的发展日新月异，人们的 心也不由跟着浮躁起来。而非物质文化遗产和闽 南文化这些当地的优秀传统文化则给了我们一个
					心灵休憩的港湾。这些文化需要一代代传承下去 ，方能让传统得以延续，让中华独有的历史悠久 的文明始终浸润我们的灵魂。于是，有这么一些
					人、一些单位，在传承的领域孜孜不倦，默默耕 耘，让我们看到一幕幕传习的风采，分享那一份 份成果的喜悦!今天，我们一起来了解下2023年 的讲古答嘴鼓夏令营吧!
				</text>
			</view>

			<view class="group_4">
				<image src="https://huli-app.wenlvti.net/app_static/minnanhun/image/hd_2.png" class="image_5"></image>
				<text lines="1" decode="true" class="paragraph_1">
					为提高讲古、答嘴鼓的 艺术理论认识和表演技艺 促进讲古、答嘴鼓艺术的传承和发展 7月18日上午 由厦门市思明区文化馆主办 厦门市鹏翔答嘴鼓讲古艺术传习中心承办
					鹭江街道大同社区居委会协办的 2023年讲古答嘴鼓夏令营 开营仪式 在鹭江老剧场文化公园内 大同社区书苑顺利举行
				</text>
			</view>

			<view class="group_5">
				<view class="text-wrapper_1">
					<text lines="1" class="text_4">往期风华</text>
					<text lines="1" class="text_5">查看更多》</text>
				</view>
				<view class="list_1">
					<view class="list-items_1-0">
						<view class="block_2-0"></view>
						<image
							src="https://lanhu.oss-cn-beijing.aliyuncs.com/pstq21xea43w86ko6rqj72ywe9b5ipb9vmmq4rsktdg6i5292739e875-27ed-4fd4-b53e-ef4df53398bf"
							class="label_3-0"
						></image>
						<view class="text-wrapper_2-0">
							<text lines="1" class="text_6-0">“答嘴鼓”夏令营第三期活动</text>
							<text lines="1" decode="true" class="text_7-0">2023-01-12&nbsp;&nbsp;&nbsp;&nbsp;08:30</text>
						</view>
					</view>
				</view>
			</view>
		</view>
		<view @click="applicationBtn" class="baoming">我要报名</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	methods: {
		applicationBtn() {
			uni.navigateTo({
				url: '/xueyuan_fenbao/kcXiangQing/baoMing'
			});
		}
	}
};
</script>

<style>
.body2 {
	background-size: 100% 100%;
	background-attachment: fixed;
	background-repeat: repeat-y;
	background-color: #efefef;
	padding-bottom: 30rpx;
}
.baoming {
	width: 686rpx;
	height: 80rpx;
	background: #ca5642;
	text-align: center;
	line-height: 80rpx;
	font-size: 32rpx;
	border-radius: 40rpx;
	color: #ffffff;
	margin: 0 32rpx 0 32rpx;
}
.group_1 {
	background-color: #efefef;
	width: 750rpx;
	display: flex;
	flex-direction: column;
}

.group_3 {
	width: 750rpx;
	height: 245rpx;
	display: flex;
	flex-direction: column;
}

.text_2 {
	width: 682rpx;
	height: 118rpx;
	overflow-wrap: break-word;
	color: rgba(49, 37, 32, 1);
	font-size: 48rpx;
	font-family: SourceHanSansCN-Bold;
	font-weight: 700;
	text-align: justifyLeft;
	line-height: 72rpx;
	margin: 34rpx 0 0 35rpx;
}
.block_1 {
	width: 682rpx;
	height: 32rpx;
	flex-direction: row;
	display: flex;
	justify-content: space-between;
	margin: 18rpx 0 43rpx 34rpx;
}
.text_3 {
	width: 214rpx;
	height: 18rpx;
	overflow-wrap: break-word;
	color: rgba(153, 153, 153, 1);
	font-size: 24rpx;
	font-family: SourceHanSansCN-Regular;
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
	line-height: 72rpx;
	margin-top: 8rpx;
}
.image-text_1 {
	width: 87rpx;
	height: 32rpx;
	flex-direction: row;
	display: flex;
	justify-content: space-between;
}

.text-group_1 {
	width: 46rpx;
	height: 23rpx;
	overflow-wrap: break-word;
	color: rgba(49, 37, 32, 1);
	font-size: 24rpx;
	font-family: SourceHanSansCN-Regular;
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
	line-height: 24rpx;
	margin-top: 6rpx;
}
.group_4 {
	background-color: rgba(255, 255, 255, 1);
	display: flex;
	margin: 0 32rpx 0 32rpx;
	flex-direction: column;
	justify-content: flex-center;
}
.image_4 {
	width: 647rpx;
	height: 672rpx;
	margin: 20rpx 0 0 20rpx;
}
.image_5 {
	width: 643rpx;
	height: 413rpx;
	margin: 20rpx 0 0 20rpx;
}
.paragraph_1 {
	height: 320rpx;
	text-indent: 2em;
	font-size: 30rpx;
	line-height: 48rpx;
	margin: 35rpx 32rpx 37rpx 40rpx;
	overflow: scroll;
}
.group_5 {
	width: 750rpx;
	display: flex;
	flex-direction: column;
}
.text-wrapper_1 {
	width: 664rpx;
	height: 26rpx;
	flex-direction: row;
	display: flex;
	justify-content: space-between;
	margin: 44rpx 0 0 51rpx;
}
.text_4 {
	width: 109rpx;
	height: 26rpx;
	overflow-wrap: break-word;
	color: rgba(49, 37, 32, 1);
	font-size: 28rpx;
	font-family: Adobe Heiti Std R;
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
	line-height: 28rpx;
}
.text_5 {
	width: 89rpx;
	height: 20rpx;
	overflow-wrap: break-word;
	color: rgba(18, 18, 18, 1);
	font-size: 22rpx;
	font-family: SourceHanSansCN-Regular;
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
	line-height: 20rpx;
	margin-top: 3rpx;
}
.list_1 {
	width: 686rpx;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin: 33rpx 0 0 32rpx;
}
.list-items_1-0 {
	background-color: rgba(255, 255, 255, 1);
	border-radius: 20rpx;
	width: 686rpx;
	height: 149rpx;
	margin-bottom: 32rpx;
	flex-direction: row;
	display: flex;
}
.block_2-0 {
	background-color: rgba(202, 86, 66, 1);
	width: 8rpx;
	height: 80rpx;
	margin-top: 35rpx;
	display: flex;
	flex-direction: column;
}
.label_3-0 {
	width: 38rpx;
	height: 40rpx;
	margin: 55rpx 0 0 27rpx;
}
.text-wrapper_2-0 {
	width: 389rpx;
	height: 73rpx;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin: 36rpx 197rpx 0 27rpx;
}
.text_6-0 {
	width: 371rpx;
	height: 30rpx;
	overflow-wrap: break-word;
	color: rgba(49, 37, 32, 1);
	font-size: 30rpx;
	font-family: SourceHanSansCN-Bold;
	font-weight: 700;
	text-align: left;
	white-space: nowrap;
	line-height: 30rpx;
	margin-left: 18rpx;
}
.text_7-0 {
	width: 198rpx;
	height: 18rpx;
	overflow-wrap: break-word;
	color: rgba(153, 153, 153, 1);
	font-size: 24rpx;
	font-family: SourceHanSansCN-Regular;
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
	line-height: 24rpx;
	margin-top: 25rpx;
}
</style>