|
|
@@ -6,7 +6,16 @@
|
|
6
|
6
|
<span class="titleName">活动报名表</span>
|
|
7
|
7
|
</div>
|
|
8
|
8
|
</van-sticky>
|
|
|
9
|
+
|
|
9
|
10
|
<div class="formBox">
|
|
|
11
|
+ <div class="attentionBox">
|
|
|
12
|
+ <p class="attention">注意</p>
|
|
|
13
|
+ <p>*本次活动免费赠送且包邮，请正确填写您的个人资料，工作人员将在<span>1-3</span>天内通过电话或微信方式联系您并核对信息，尽快为您安排发货</p>
|
|
|
14
|
+ <span>*提交信息成功即可扫码加入活动微信交流群</span>
|
|
|
15
|
+ <p>*标有<span>*</span>的栏目必须填写;</p>
|
|
|
16
|
+ <p>有问题请联系客服微信：<span>kuyicloud</span></p>
|
|
|
17
|
+ <p class="litle">以上解释权归酷医云所有，敬请留意</p>
|
|
|
18
|
+ </div>
|
|
10
|
19
|
<van-field v-model="text" label="收件姓名" required placeholder="请填写"/>
|
|
11
|
20
|
<van-field v-model="text" label="收件手机" required placeholder="请填写"/>
|
|
12
|
21
|
<van-field v-model="text" label="收件地址" required placeholder="请填写"/>
|
|
|
@@ -28,7 +37,7 @@
|
|
28
|
37
|
</van-radio-group>
|
|
29
|
38
|
</div>
|
|
30
|
39
|
<div class="formOne">
|
|
31
|
|
- <div class="formTitle"><span style="color:#ee0a24">*</span>是否考虑使用酷医云免费透析管理系统</div>
|
|
|
40
|
+ <div class="formTitle"><span style="color:#ee0a24">*</span>除酷医云免费使用的透析管理系统外，您还想了解酷医云系统其他哪些服务板块？（多选） </div>
|
|
32
|
41
|
<van-checkbox-group v-model="result">
|
|
33
|
42
|
<van-checkbox name="a">慢病管理</van-checkbox>
|
|
34
|
43
|
<van-checkbox name="b">营销管理</van-checkbox>
|
|
|
@@ -49,9 +58,9 @@
|
|
49
|
58
|
<van-radio name="2">车载加湿器</van-radio>
|
|
50
|
59
|
<van-radio name="3">商务保温杯套装</van-radio>
|
|
51
|
60
|
</van-radio-group>
|
|
52
|
|
- <p style="color:#ccc">请填写其他（30个字以内）</p>
|
|
53
|
|
- <div class="textareaBox">
|
|
54
|
|
- <van-field v-model="message" rows="3" type="textarea" maxlength="30" />
|
|
|
61
|
+ <p>其他留言（200个字以内）</p>
|
|
|
62
|
+ <div class="textareaBox2">
|
|
|
63
|
+ <van-field v-model="message" rows="5" type="textarea" maxlength="200" />
|
|
55
|
64
|
</div>
|
|
56
|
65
|
</div>
|
|
57
|
66
|
</div>
|
|
|
@@ -101,11 +110,30 @@ export default {
|
|
101
|
110
|
}
|
|
102
|
111
|
.formBox{
|
|
103
|
112
|
width:21rem;
|
|
104
|
|
- height:82.125rem;
|
|
|
113
|
+ height:97rem;
|
|
105
|
114
|
background:rgba(255,255,255,1);
|
|
106
|
|
- border-radius:10px;
|
|
|
115
|
+ border-radius:15px;
|
|
107
|
116
|
margin: .875rem auto;
|
|
108
|
117
|
}
|
|
|
118
|
+ .attentionBox{
|
|
|
119
|
+ font-size: .875rem;
|
|
|
120
|
+ color: #242D39;
|
|
|
121
|
+ padding: 0 .625rem;
|
|
|
122
|
+ line-height: 1.5rem;
|
|
|
123
|
+ span{
|
|
|
124
|
+ color: #FD543A;
|
|
|
125
|
+ font-weight: bold;
|
|
|
126
|
+ }
|
|
|
127
|
+ .litle{
|
|
|
128
|
+ font-size: .75rem;
|
|
|
129
|
+ color: #FD543A;
|
|
|
130
|
+ }
|
|
|
131
|
+ .attention{
|
|
|
132
|
+ font-size: .9375rem;
|
|
|
133
|
+ font-weight: bold;
|
|
|
134
|
+ color: #FD543A;
|
|
|
135
|
+ }
|
|
|
136
|
+ }
|
|
109
|
137
|
.formOne{
|
|
110
|
138
|
font-size: 1.0625rem;
|
|
111
|
139
|
margin-left: .5rem;
|
|
|
@@ -208,5 +236,23 @@ export default {
|
|
208
|
236
|
margin-bottom: 1.125rem;
|
|
209
|
237
|
}
|
|
210
|
238
|
}
|
|
|
239
|
+ .textareaBox2{
|
|
|
240
|
+ margin-top: .625rem;
|
|
|
241
|
+ margin-right: .875rem;
|
|
|
242
|
+ border-radius:5px;
|
|
|
243
|
+ .van-cell{
|
|
|
244
|
+ height: 7.5rem;
|
|
|
245
|
+ padding: 0;
|
|
|
246
|
+ }
|
|
|
247
|
+ .van-cell__value{
|
|
|
248
|
+ background: #F6F6F6;
|
|
|
249
|
+ }
|
|
|
250
|
+ .van-field__body{
|
|
|
251
|
+ width: 100%;
|
|
|
252
|
+ textarea{
|
|
|
253
|
+ width: 100%;
|
|
|
254
|
+ }
|
|
|
255
|
+ }
|
|
|
256
|
+ }
|
|
211
|
257
|
}
|
|
212
|
258
|
</style>
|
