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 @@ ...@@ -4,17 +4,24 @@
4 $contentWidth:620px; 4 $contentWidth:620px;
5 5
6 .page { 6 .page {
7 padding-bottom: 80px;
7 8
8 color: #303531; 9 color: #303531;
9 10
11 .bgc{
12 background-color: #74cb35;
13 }
14
10 .main { 15 .main {
11 .top-space { 16 .top-space {
12 height: 120px; 17 height: 120px;
13 } 18 }
14 19
15 .content { 20 .content {
21 position:relative;
16 22
17 .table { 23 .table {
24 position: relative;
18 width: $contentWidth; 25 width: $contentWidth;
19 // min-height: 800px; 26 // min-height: 800px;
20 border-radius: 30px; 27 border-radius: 30px;
...@@ -22,6 +29,11 @@ $contentWidth:620px; ...@@ -22,6 +29,11 @@ $contentWidth:620px;
22 margin: 0 auto; 29 margin: 0 auto;
23 padding: 38px 0 48px; 30 padding: 38px 0 48px;
24 31
32 .cont{
33 position: relative;
34 z-index: 111;
35 }
36
25 .tit { 37 .tit {
26 text-align: center; 38 text-align: center;
27 font-size: 40px; 39 font-size: 40px;
......
1 1
2 <template> 2 <template>
3 <div class="page"> 3 <div class="page">
4 <!-- <div class="app__bgc bgc"></div> --> 4 <div class="app__bgc bgc"></div>
5 <div class="app__bg bg"></div> 5 <div class="app__bg bg"></div>
6 <div class="app__content main"> 6 <div class="app__content main">
7 <div class="top"></div> 7 <div class="top"></div>
8 <div class="top-space"></div> 8 <div class="top-space"></div>
9 <div class="content"> 9 <div class="content">
10 <div class="table"> 10 <div class="table">
11 <div class="tit"> 11 <div class="cont">
12 <div class="t1">亲爱的{{userInfo.nickname}}</div> 12 <div class="tit">
13 <div class="t2">恭喜获奖</div> 13 <div class="t1">亲爱的{{userInfo.nickname}}</div>
14 </div> 14 <div class="t2">恭喜获奖</div>
15
16 <div class="prize">
17 <img class="img" src="../../assets/imgs/award-c2.png">
18 </div>
19
20 <div class="form">
21 <div class="form-item">
22 <div class="label">收件人：</div>
23 <input v-model="form.username" class="ipt" type="text" placeholder="请填写真实姓名">
24 </div>
25 <div class="form-item">
26 <div class="label">联系方式：</div>
27 <input v-model="form.mobile" class="ipt" type="text" placeholder="请填写手机号码">
28 </div>
29 <div class="form-item">
30 <div class="label label2">收件地址：</div>
31 <textarea v-model="form.address" class="ipt textarea" placeholder="请填写真实收件地址"></textarea>
32 </div> 15 </div>
33 16
34 <div class="btn-wrap"> 17 <div class="prize">
35 <template v-if="!isAward"> 18 <img class="img" src="../../assets/imgs/award-c2.png">
36 <div class="tips">您的排行是{{rank}}名，非获奖用户，详情见
37 <span @click="toRule" class="rule-btn">大赛介绍</span>
38 </div>
39 <div class="submit-btn disable">确认提交</div>
40 </template>
41 <template v-else>
42 <div @click="onSubmitHandler" class="submit-btn">确认提交</div>
43 </template>
44 </div> 19 </div>
45 20
21 <div class="form">
22 <div class="form-item">
23 <div class="label">收件人：</div>
24 <input v-model="form.username" class="ipt" type="text" placeholder="请填写真实姓名">
25 </div>
26 <div class="form-item">
27 <div class="label">联系方式：</div>
28 <input v-model="form.mobile" class="ipt" type="text" placeholder="请填写手机号码">
29 </div>
30 <div class="form-item">
31 <div class="label label2">收件地址：</div>
32 <textarea v-model="form.address" class="ipt textarea" placeholder="请填写真实收件地址"></textarea>
33 </div>
34
35 <div class="btn-wrap">
36 <template v-if="!isAward">
37 <div class="tips">您的排行是{{rank}}名，非获奖用户，详情见
38 <span @click="toRule" class="rule-btn">大赛介绍</span>
39 </div>
40 <div class="submit-btn disable">确认提交</div>
41 </template>
42 <template v-else>
43 <div @click="onSubmitHandler" class="submit-btn">确认提交</div>
44 </template>
45 </div>
46
47 </div>
46 </div> 48 </div>
49
47 </div> 50 </div>
48 </div> 51 </div>
49 <div class="bottom"></div> 52 <div class="bottom"></div>
......