dianpin-h5-4000-0827/pages/my/orderdetails.vue

<template>
	<view class="home-content">

		<view class="gray-line"/>

		<view class="from">
			
			<view class="from-line">
				<span class="label-class">订单编号:</span>
				<view><input v-model="release.tranNo"/></view>
			</view>
			<view class="from-line">
				<span class="label-class">创建时间:</span>
				<view><input v-model="release.createTime"/></view>
			</view>
			<view class="from-line">
				<span class="label-class">姓名:</span>
				<view><input v-model="release.name"/></view>
			</view>
			<view class="from-line">
				<span class="label-class">联系方式:</span>
				<view><input v-model="release.mobile"/></view>
			</view>
			<view class="from-line">
				<span class="label-class">学校:</span>
				<view><input v-model="release.shool"/></view>
			</view>
			<view class="from-line">
				<span class="label-class">年级:</span>
				<view><input v-model="release.nclass"/></view>
			</view>
			<view class="from-line">
				<span class="label-class">班级:</span>
				<view><input v-model="release.class"/></view>
			</view>
			
	
		</view>
	
		<view class="gray-line"/>
		
		<view class="from">
			<view class="from-line">
				<span class="label-class">订阅内容</span>
			</view>
			<view class="form-context">
				¥ 39.00 数学 + 试卷 （共21份试卷）
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				release:{
					tranNo: "7368742356479233423",
					createTime: "2031-09-09 22:10:09",
					name: "廖",
					mobile: "1992898292",
					shool: "花样年华华盖中学",
					nclass: "高中一年级",
					class: "1409班"
				}
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	.home-content {
		
		.gray-line {
			width: 100vw;
			height: 10rpx;
			background-color: #F0F0F0;
		}
		
		.from {
			margin-top: 20rpx;
			background-color: #FFFFFF;
			padding: 25rpx;
		}
		
		.from-line {
			
			height: 78rpx;
			display: flex;
			background-color: #FFFFFF;
			
			.label-class{
				line-height: 68rpx;
				width: 148rpx;
				color: #333;
			}
			
			input{
				padding-left: 10rpx;
				height: 68rpx;
				color: #aaa;
			}	
			
		}
		
		.form-context{
			padding: 36rpx;
			color: #888;
			font-size: 30rpx;
		}
	}
</style>