Skip to content

dev / lilejia-f2mb-pro

Go to a project
Toggle navigation
Toggle navigation pinning
21d7faa9 by simon
Options

no message

1 parent 9d879fe4
Inline Side-by-side
Showing 2 changed files with 47 additions and 32 deletions
......@@ -4,17 +4,24 @@
$contentWidth:620px;
.page {
padding-bottom: 80px;
color: #303531;
.bgc{
background-color: #74cb35;
}
.main {
.top-space {
height: 120px;
}
.content {
position:relative;
.table {
position: relative;
width: $contentWidth;
// min-height: 800px;
border-radius: 30px;
......@@ -22,6 +29,11 @@ $contentWidth:620px;
margin: 0 auto;
padding: 38px 0 48px;
.cont{
position: relative;
z-index: 111;
}
.tit {
text-align: center;
font-size: 40px;
......
<template>
<div class="page">
<!-- <div class="app__bgc bgc"></div> -->
<div class="app__bgc bgc"></div>
<div class="app__bg bg"></div>
<div class="app__content main">
<div class="top"></div>
<div class="top-space"></div>
<div class="content">
<div class="table">
<div class="tit">
<div class="t1">亲爱的{{userInfo.nickname}}</div>
<div class="t2">恭喜获奖</div>
</div>
<div class="prize">
<img class="img" src="../../assets/imgs/award-c2.png">
</div>
<div class="form">
<div class="form-item">
<div class="label">收件人：</div>
<input v-model="form.username" class="ipt" type="text" placeholder="请填写真实姓名">
</div>
<div class="form-item">
<div class="label">联系方式：</div>
<input v-model="form.mobile" class="ipt" type="text" placeholder="请填写手机号码">
</div>
<div class="form-item">
<div class="label label2">收件地址：</div>
<textarea v-model="form.address" class="ipt textarea" placeholder="请填写真实收件地址"></textarea>
<div class="cont">
<div class="tit">
<div class="t1">亲爱的{{userInfo.nickname}}</div>
<div class="t2">恭喜获奖</div>
</div>
<div class="btn-wrap">
<template v-if="!isAward">
<div class="tips">您的排行是{{rank}}名，非获奖用户，详情见
<span @click="toRule" class="rule-btn">大赛介绍</span>
</div>
<div class="submit-btn disable">确认提交</div>
</template>
<template v-else>
<div @click="onSubmitHandler" class="submit-btn">确认提交</div>
</template>
<div class="prize">
<img class="img" src="../../assets/imgs/award-c2.png">
</div>
<div class="form">
<div class="form-item">
<div class="label">收件人：</div>
<input v-model="form.username" class="ipt" type="text" placeholder="请填写真实姓名">
</div>
<div class="form-item">
<div class="label">联系方式：</div>
<input v-model="form.mobile" class="ipt" type="text" placeholder="请填写手机号码">
</div>
<div class="form-item">
<div class="label label2">收件地址：</div>
<textarea v-model="form.address" class="ipt textarea" placeholder="请填写真实收件地址"></textarea>
</div>
<div class="btn-wrap">
<template v-if="!isAward">
<div class="tips">您的排行是{{rank}}名，非获奖用户，详情见
<span @click="toRule" class="rule-btn">大赛介绍</span>
</div>
<div class="submit-btn disable">确认提交</div>
</template>
<template v-else>
<div @click="onSubmitHandler" class="submit-btn">确认提交</div>
</template>
</div>
</div>
</div>
</div>
</div>
<div class="bottom"></div>
......