hotelorder_student_h5/pages/ruzhuxuzhi/ruzhuxuzhi.vue

<template>
	<view class="container">
		<view class="title">南昌交通学院研究生公寓入住须知</view>
		<view class="items">
			<view style="margin-left: 50rpx;margin-top: 15rpx;margin-right: 15rpx;" v-for="( item, index ) in xuzhiList" :key="index">{{ item.list }}</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				xuzhiList: [{
						id: 1,
						list: '尊敬的家长，欢迎入住本公寓，为了给您的居住环境营造安全舒适的环境，在入住公寓前请仔细阅读并遵守本须知：'
					}, {
						id: 2,
						list: '一、入住人员凭本人有效身份证在前台办理入住手续。'
					},
					{
						id: 3,
						list: '二、办理住宿登记后，方可入住，退房时间为次日中午12点前，超过12点增收半天房费，晚上6点以后离店收取一天房费。'
					},
					{
						id: 4,
						list: '三、在9月3日之前均可免费取消，9月3号之后房间保留不退款，9月5号系统将关闭，所有用户需线下订房。'
					},
					{
						id: 5,
						list: '四、入住时需交定额押金，如有丢失失钥匙/ic卡，把被单、被罩染上油渍、污渍、血渍或被单烧坏将扣除押金或照价赔偿。'
					},
					{
						id: 6,
						list: '五、禁止在客房内吸烟，更不能在客房内燃烧物品。'
					},
					{
						id: 7,
						list: '六、为了防止影响其他入住人员休息，晚间外出请在12点前返回。'
					},
					{
						id: 8,
						list: '七、禁止使用电烤箱、电饭煲、电炉等大功率电器用品。'
					},
					{
						id: 9,
						list: '八、24小时热线电话：19807957890'
					},
				]
			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style scoped>
	.container {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		background-color: #F2F3F5;
	}

	.title {
		font-size: 32rpx;
		font-weight: 600;
		text-align: center;
		width: 750rpx;
		height: 100rpx;
		line-height: 100rpx;
		background: rgba(255, 255, 255, 1);
		color: rgba(102, 102, 102, 1);
		box-sizing: border-box;
	}

	.items {
		width: 750rpx;
		height: calc(100vh - 100rpx);
		background: rgba(255, 255, 255, 1);
		color: rgba(102, 102, 102, 1);
		font-size: 28rpx;
		font-weight: 400;
		text-indent: 2em;
		box-sizing: border-box;
		padding-right: 20rpx;
	}
</style>