公众号项目
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

116 lines
2.2 KiB

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