|
@@ -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="form.name" label="收件姓名" required placeholder="请填写"/>
|
11
|
20
|
<van-field v-model="form.mobile" label="收件手机" required placeholder="请填写"/>
|
12
|
21
|
<van-field v-model="form.address" 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="1">慢病管理</van-checkbox>
|
34
|
43
|
<van-checkbox name="2">营销管理</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="form.other_message" rows="3" type="textarea" maxlength="30" />
|
|
61
|
+ <p>其他留言(200个字以内)</p>
|
|
62
|
+ <div class="textareaBox2">
|
|
63
|
+ <van-field v-model="form.other_message" rows="5" type="textarea" maxlength="200" />
|
55
|
64
|
</div>
|
56
|
65
|
</div>
|
57
|
66
|
</div>
|
|
@@ -197,42 +206,62 @@ export default {
|
197
|
206
|
font-size: 1.125rem;
|
198
|
207
|
font-weight: 600;
|
199
|
208
|
}
|
200
|
|
- .formBox {
|
201
|
|
- width: 21rem;
|
202
|
|
- height: 82.125rem;
|
203
|
|
- background: rgba(255, 255, 255, 1);
|
204
|
|
- border-radius: 10px;
|
205
|
|
- margin: 0.875rem auto;
|
206
|
|
- }
|
207
|
|
- .formOne {
|
208
|
|
- font-size: 1.0625rem;
|
209
|
|
- margin-left: 0.5rem;
|
210
|
|
- padding: 1.5rem 0;
|
211
|
|
- border-bottom: 0.0625rem solid #e5e5e5;
|
212
|
|
- .formTitle {
|
213
|
|
- margin: 0 0 1.5rem;
|
|
209
|
+ .formBox{
|
|
210
|
+ width:21rem;
|
|
211
|
+ height:97rem;
|
|
212
|
+ background:rgba(255,255,255,1);
|
|
213
|
+ border-radius:15px;
|
|
214
|
+ margin: .875rem auto;
|
|
215
|
+
|
214
|
216
|
}
|
215
|
|
- }
|
216
|
|
- .formTwo {
|
217
|
|
- font-size: 1.0625rem;
|
218
|
|
- margin-left: 0.5rem;
|
219
|
|
- padding: 1.5rem 0;
|
220
|
|
- .formTitle {
|
221
|
|
- margin: 0 0 1.5rem;
|
|
217
|
+ .attentionBox{
|
|
218
|
+ font-size: .875rem;
|
|
219
|
+ color: #242D39;
|
|
220
|
+ padding: 0 .625rem;
|
|
221
|
+ line-height: 1.5rem;
|
|
222
|
+ span{
|
|
223
|
+ color: #FD543A;
|
|
224
|
+ font-weight: bold;
|
|
225
|
+ }
|
|
226
|
+ .litle{
|
|
227
|
+ font-size: .75rem;
|
|
228
|
+ color: #FD543A;
|
|
229
|
+ }
|
|
230
|
+ .attention{
|
|
231
|
+ font-size: .9375rem;
|
|
232
|
+ font-weight: bold;
|
|
233
|
+ color: #FD543A;
|
|
234
|
+ }
|
|
235
|
+ }
|
|
236
|
+ .formOne{
|
|
237
|
+ font-size: 1.0625rem;
|
|
238
|
+ margin-left: .5rem;
|
|
239
|
+ padding: 1.5rem 0;
|
|
240
|
+ border-bottom: 0.0625rem solid #e5e5e5;
|
|
241
|
+ .formTitle{
|
|
242
|
+ margin: 0 0 1.5rem;
|
|
243
|
+ }
|
|
244
|
+ }
|
|
245
|
+ .formTwo{
|
|
246
|
+ font-size: 1.0625rem;
|
|
247
|
+ margin-left: .5rem;
|
|
248
|
+ padding: 1.5rem 0;
|
|
249
|
+ .formTitle{
|
|
250
|
+ margin: 0 0 1.5rem;
|
|
251
|
+ }
|
|
252
|
+ }
|
|
253
|
+ .submit{
|
|
254
|
+ height: 3.75rem;
|
|
255
|
+ line-height: 3.75rem;
|
|
256
|
+ text-align: center;
|
|
257
|
+ color: #fff;
|
|
258
|
+ width: 18.75rem;
|
|
259
|
+ margin: 1.625rem auto .625rem;
|
|
260
|
+ background: #1B97FF;
|
|
261
|
+ border-radius: 1.875rem;
|
|
262
|
+ font-weight: 600;
|
|
263
|
+ font-size: 1.25rem;
|
222
|
264
|
}
|
223
|
|
- }
|
224
|
|
- .submit {
|
225
|
|
- height: 3.75rem;
|
226
|
|
- line-height: 3.75rem;
|
227
|
|
- text-align: center;
|
228
|
|
- color: #fff;
|
229
|
|
- width: 18.75rem;
|
230
|
|
- margin: 1.625rem auto 0.625rem;
|
231
|
|
- background: #1b97ff;
|
232
|
|
- border-radius: 1.875rem;
|
233
|
|
- font-weight: 600;
|
234
|
|
- font-size: 1.25rem;
|
235
|
|
- }
|
236
|
265
|
}
|
237
|
266
|
::-webkit-scrollbar {
|
238
|
267
|
width: 0;
|
|
@@ -305,5 +334,23 @@ export default {
|
305
|
334
|
margin-bottom: 1.125rem;
|
306
|
335
|
}
|
307
|
336
|
}
|
|
337
|
+ .textareaBox2{
|
|
338
|
+ margin-top: .625rem;
|
|
339
|
+ margin-right: .875rem;
|
|
340
|
+ border-radius:5px;
|
|
341
|
+ .van-cell{
|
|
342
|
+ height: 7.5rem;
|
|
343
|
+ padding: 0;
|
|
344
|
+ }
|
|
345
|
+ .van-cell__value{
|
|
346
|
+ background: #F6F6F6;
|
|
347
|
+ }
|
|
348
|
+ .van-field__body{
|
|
349
|
+ width: 100%;
|
|
350
|
+ textarea{
|
|
351
|
+ width: 100%;
|
|
352
|
+ }
|
|
353
|
+ }
|
|
354
|
+ }
|
308
|
355
|
}
|
309
|
356
|
</style>
|