<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>
|