jiangximiniprogramSchool/pages/recordEntry/operate/mySchedule/mould/mould.vue

<template>
	<view class="pageBgImg">
		<topNavbar title="模板"></topNavbar>
		<view class="pad">
			<view class="card">
				<view class="tit_row">
					<view class="tit">模板标题</view>
					<view class="manage" @click="$goPage('/pages/recordEntry/operate/mySchedule/mouldEdit/mouldEdit')">管理</view>
				</view>
				<view class="ul">
					<view class="li lab">
						<view class="text">时间段</view>
						<view class="text">最多人数</view>
					</view>
					<view class="li" v-for="(item,index) in list" :key="index">
						<view class="text">{{ item.time}}</view>
						<view class="text">{{ item.num }}</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: [
					{time: '7:00-8:00', num: '4人'},
					{time: '7:00-8:00', num: '4人'},
					{time: '7:00-8:00', num: '4人'},
					{time: '7:00-8:00', num: '4人'},
				]
			}
		}
	}
</script>

<style lang="scss" scoped>
	.card {
		padding: 0 28rpx;
		margin-bottom: 24rpx;
		.tit_row {
			display: flex;
			align-items: center;
			justify-content: space-between;
			border-bottom: 2rpx solid #E8E9EC;
			height: 96rpx;
			font-weight: 500;
			.manage {
				color: $themC;
			}
		}
		.ul {
			padding-bottom: 20rpx;
			.li {
				padding: 12rpx;
				display: flex;
				color: #333;
				&.lab {
					color: #ADADAD;
				}
				.text {
					flex: 1;
					text-align: center;
				}
			}
		}
	}
</style>