|
@@ -161,5 +161,392 @@
|
161
|
161
|
<!-- 邮箱文本框 end -->
|
162
|
162
|
{/eyou:case}
|
163
|
163
|
|
164
|
|
- {/eyou:switch}
|
165
|
|
-{/eyou:volist}
|
|
164
|
+{eyou:case value="text"}
|
|
165
|
+<!-- 单行文本框 start -->
|
|
166
|
+
|
|
167
|
+{eyou:if condition='($vo.title == "地区")'}
|
|
168
|
+
|
|
169
|
+<!--引入城市-->
|
|
170
|
+<link rel="stylesheet" href="https://www.zc10000.com/template/pc/js/city/style.css" media="all">
|
|
171
|
+<script src="https://www.zc10000.com/template/pc/js/jquery-v3.1.1.min.js?t=544151"></script>
|
|
172
|
+<script type="text/javascript" src="https://www.zc10000.com/template/pc/js/city/cityTemplate.js?t=225513619665"></script>
|
|
173
|
+<script src="https://www.zc10000.com/template/pc/js/layer/3.1.1/layer.js"></script>
|
|
174
|
+
|
|
175
|
+
|
|
176
|
+<div class="form-group group_z" style="margin-top: 33px;">
|
|
177
|
+ <div class="input-group" style="position:relative;width: 100%;">
|
|
178
|
+ {eyou:eq name="$vo.is_required" value="1"}<!--<em class="tis">(必填)</em>-->{/eyou:eq}
|
|
179
|
+ <input style=" color: rgb(51, 51, 51);font-size: 15px;padding:0; border: none;
|
|
180
|
+ border-bottom: 1px solid #eee;"type="text" class="form-control" required id="{$vo.fieldArr}_{$vo.name|default=''}" name="{$vo.fieldArr}[{$vo.name|default=''}]" value="{$vo.dfvalue|default=''}" lay-verify="city" autocomplete="off"
|
|
181
|
+ placeholder="请选择您的所在城市">
|
|
182
|
+
|
|
183
|
+ <div id="in_city" style="display: none;"></div>
|
|
184
|
+
|
|
185
|
+ </div>
|
|
186
|
+</div>
|
|
187
|
+<style>
|
|
188
|
+ #in_city{
|
|
189
|
+ position:absolute !important;top:30px !important;left:0px !important;
|
|
190
|
+ padding-top: 10px;
|
|
191
|
+ }
|
|
192
|
+ #in_city h1{
|
|
193
|
+ font-size: 20px !important;
|
|
194
|
+ }
|
|
195
|
+
|
|
196
|
+ .screen a {
|
|
197
|
+ padding: 1px 5px;
|
|
198
|
+ font-size: 12px;
|
|
199
|
+ }
|
|
200
|
+ .city_a_le1 a{
|
|
201
|
+ font-size: 12px;
|
|
202
|
+ }
|
|
203
|
+
|
|
204
|
+ #quxiao{
|
|
205
|
+ display: none !important;
|
|
206
|
+ }
|
|
207
|
+</style>
|
|
208
|
+<script type="text/javascript">
|
|
209
|
+
|
|
210
|
+
|
|
211
|
+ var cityA = $(".city_a_le1 a"); //城市
|
|
212
|
+ var pla = $("#{$vo.fieldArr}_{$vo.name|default=''}"); //出发地
|
|
213
|
+ var dest = $("#destination"); //目的地
|
|
214
|
+ // 默认值
|
|
215
|
+ inCity.width = "100%"; //城市选择框 宽
|
|
216
|
+ inCity.height = ""; //城市选择框 高
|
|
217
|
+ inCity.id = "#in_city"; //城市选择框 父级ID
|
|
218
|
+ inCity.Children = '.city_a_le1'; //城市名box
|
|
219
|
+ // 初始化 城市HTML模板
|
|
220
|
+ $(inCity.id).prepend(inCity._template.join(''));
|
|
221
|
+ inCity.Hot(cityA);
|
|
222
|
+
|
|
223
|
+ //城市 导航
|
|
224
|
+ var apay = $(".screen a");
|
|
225
|
+
|
|
226
|
+ var placeThis; //当前选择标签
|
|
227
|
+ apay.click(function (obj) { //城市导航
|
|
228
|
+ inCity.payment($(this));
|
|
229
|
+ })
|
|
230
|
+
|
|
231
|
+ inCity.place(pla); //出发地
|
|
232
|
+ inCity.destination(dest); //目的地
|
|
233
|
+ inCity.cityClick(cityA); //显示赋值城市
|
|
234
|
+
|
|
235
|
+
|
|
236
|
+
|
|
237
|
+ $(document).on('click','#quxiao',function(){
|
|
238
|
+
|
|
239
|
+ $("#in_city").hide();
|
|
240
|
+
|
|
241
|
+ });
|
|
242
|
+
|
|
243
|
+
|
|
244
|
+ $(document).on('click',function(e) {
|
|
245
|
+ var $target = $(e.target);
|
|
246
|
+ if (!$target.closest('#in_city').length && !$target.is('#in_city')) {
|
|
247
|
+ /* alert('You clicked outside the div!');*/
|
|
248
|
+ $("#in_city").hide();
|
|
249
|
+ }
|
|
250
|
+ });
|
|
251
|
+
|
|
252
|
+
|
|
253
|
+ /*
|
|
254
|
+ $(document).on('click','.container',function(){
|
|
255
|
+
|
|
256
|
+ $("#in_city").hide();
|
|
257
|
+
|
|
258
|
+ });
|
|
259
|
+
|
|
260
|
+ $(document).on('click','.screen a',function(){
|
|
261
|
+
|
|
262
|
+ $("#in_city").show();
|
|
263
|
+
|
|
264
|
+ });
|
|
265
|
+ */
|
|
266
|
+
|
|
267
|
+
|
|
268
|
+
|
|
269
|
+
|
|
270
|
+ //改为layer弹窗
|
|
271
|
+ /* $(document).on('focus','#users__para_5',function(){
|
|
272
|
+
|
|
273
|
+ console.log('dfdf');
|
|
274
|
+
|
|
275
|
+
|
|
276
|
+ layer.open({
|
|
277
|
+ title: '在线调试'
|
|
278
|
+ ,content: $("#city_div").html()
|
|
279
|
+ ,area: ['500px','300px']
|
|
280
|
+ });
|
|
281
|
+
|
|
282
|
+ });*/
|
|
283
|
+
|
|
284
|
+
|
|
285
|
+
|
|
286
|
+
|
|
287
|
+</script>
|
|
288
|
+{eyou:else /}
|
|
289
|
+<div class="form-group group_z">
|
|
290
|
+ <div class="input-group" style="width:100%; ">
|
|
291
|
+ {eyou:eq name="$vo.is_required" value="1"}<!--<em class="tis">(必填)</em>-->{/eyou:eq}
|
|
292
|
+ <input style="font-size: 15px;padding:0;border: none;
|
|
293
|
+ border-bottom: 1px solid #eee;" type="text" class="form-control" required id="{$vo.fieldArr}_{$vo.name|default=''}" name="{$vo.fieldArr}[{$vo.name|default=''}]" value="{$vo.dfvalue|default=''}" placeholder="{$vo.title}">
|
|
294
|
+ </div>
|
|
295
|
+</div>
|
|
296
|
+{/eyou:if}
|
|
297
|
+
|
|
298
|
+
|
|
299
|
+
|
|
300
|
+
|
|
301
|
+<!-- 单行文本框 end -->
|
|
302
|
+{/eyou:case}
|
|
303
|
+
|
|
304
|
+{eyou:case value="multitext"}
|
|
305
|
+<!-- 多行文本框 start -->
|
|
306
|
+<div class="form-group group_z">
|
|
307
|
+ <div class="input-group">
|
|
308
|
+ <textarea rows="5" cols="60" class="form-control" id="{$vo.fieldArr}_{$vo.name|default=''}" name="{$vo.fieldArr}[{$vo.name|default=''}]" {eyou:eq name="$vo.is_required" value="1"} placeholder="{$vo.title}(必填)" {eyou:else/} placeholder="{$vo.title}" {/eyou:eq}>{$vo.dfvalue|default=''}</textarea>
|
|
309
|
+ </div>
|
|
310
|
+</div>
|
|
311
|
+<!-- 多行文本框 end -->
|
|
312
|
+{/eyou:case}
|
|
313
|
+
|
|
314
|
+{eyou:case value="checkbox"}
|
|
315
|
+<!-- 复选框 start -->
|
|
316
|
+<div class="form-group group_z">
|
|
317
|
+ <fieldset>
|
|
318
|
+ <legend>{$vo.title}{eyou:if condition="1 == $vo.is_required"}(必填){/eyou:if}</legend>
|
|
319
|
+ {eyou:volist name="$vo.dfvalue" id="v2"}
|
|
320
|
+ <label class="checkbox-label">
|
|
321
|
+ <span>{$v2}</span>
|
|
322
|
+ <input type="checkbox" class="checkbox" name="{$vo.fieldArr}[{$vo.name|default=''}][]" value="{$v2}" {eyou:if condition="isset($vo['trueValue']) AND in_array($v2, $vo['trueValue'])"}checked="checked"{/eyou:if}>
|
|
323
|
+ <span class="check-mark"></span>
|
|
324
|
+ </label>
|
|
325
|
+ {/eyou:volist}
|
|
326
|
+ </fieldset>
|
|
327
|
+</div>
|
|
328
|
+<!-- 复选框 end -->
|
|
329
|
+{/eyou:case}
|
|
330
|
+
|
|
331
|
+{eyou:case value="radio"}
|
|
332
|
+<!-- 单选项 start -->
|
|
333
|
+<div class="form-group group_z" style="width:100%;">
|
|
334
|
+ <fieldset style=" padding: 0; border:none;">
|
|
335
|
+ <!-- <legend>{$vo.title}{eyou:if condition="1 == $vo.is_required"}(必填){/eyou:if}</legend>-->
|
|
336
|
+ {eyou:volist name="$vo.dfvalue" id="v2"}
|
|
337
|
+ <label class="radio-label" style="margin-right: 5%;">
|
|
338
|
+ <span>{$v2}</span>
|
|
339
|
+ <input type="radio" class="radio" name="{$vo.fieldArr}[{$vo.name|default=''}]" value="{$v2}" {eyou:if condition="isset($vo['trueValue']) AND in_array($v2, $vo['trueValue'])"}checked="checked"{/eyou:if}>
|
|
340
|
+ <span class="check-mark"></span>
|
|
341
|
+ </label>
|
|
342
|
+ {/eyou:volist}
|
|
343
|
+ </fieldset>
|
|
344
|
+</div>
|
|
345
|
+<!-- 单选项 end -->
|
|
346
|
+{/eyou:case}
|
|
347
|
+
|
|
348
|
+{eyou:case value="select"}
|
|
349
|
+<!-- 下拉框 start -->
|
|
350
|
+<div class="form-group group_z">
|
|
351
|
+ <fieldset>
|
|
352
|
+ <legend>{$vo.title}{eyou:if condition="1 == $vo.is_required"}(必填){/eyou:if}</legend>
|
|
353
|
+ <div class="select">
|
|
354
|
+ <div class="dd">
|
|
355
|
+ <select name="{$vo.fieldArr}[{$vo.name|default=''}]" id="{$vo.fieldArr}_{$vo.name|default=''}" class="form-control">
|
|
356
|
+ <option value="">请选择</option>
|
|
357
|
+ {eyou:volist name="$vo.dfvalue" id="v2"}
|
|
358
|
+ <option value="{$v2}" {eyou:if condition="isset($vo['trueValue']) AND in_array($v2, $vo['trueValue'])"}selected{/eyou:if}>{$v2}</option>
|
|
359
|
+ {/eyou:volist}
|
|
360
|
+ </select>
|
|
361
|
+ </div>
|
|
362
|
+ </div>
|
|
363
|
+ </fieldset>
|
|
364
|
+</div>
|
|
365
|
+<!-- 下拉框 end -->
|
|
366
|
+{/eyou:case}
|
|
367
|
+<!-- 扩展 start -->
|
|
368
|
+<!-- 扩展 -->
|
|
369
|
+{eyou:case value="img"}
|
|
370
|
+<!-- 单张图 start -->
|
|
371
|
+<div class="form-group group_z">
|
|
372
|
+ <div class="input-group input-group-icon">
|
|
373
|
+ <input type="text" class=" form-control" id="{$vo.fieldArr}_{$vo.name|default=''}" name="{$vo.fieldArr}[{$vo.name|default=''}]" value="" style="display: none;"><!--{$vo.info|default=''}-->
|
|
374
|
+ <input class=" form-control {$vo.fieldArr}_{$vo.name|default=''}_input" placeholder="{$vo.title}" onClick="GetUploadify(1,'','allimg','{$vo.fieldArr}_{$vo.name|default=''}_call_back','{:url('user/Uploadify/upload',['resource'=>'reg'])}')">
|
|
375
|
+ </div>
|
|
376
|
+</div>
|
|
377
|
+<script type="text/javascript">
|
|
378
|
+ function {$vo.fieldArr}_{$vo.name|default=''}_call_back(fileurl_tmp)
|
|
379
|
+ {
|
|
380
|
+ $("#{$vo.fieldArr}_{$vo.name|default=''}").val(fileurl_tmp);
|
|
381
|
+ $(".{$vo.fieldArr}_{$vo.name|default=''}_input").val(fileurl_tmp);
|
|
382
|
+ }
|
|
383
|
+</script>
|
|
384
|
+<!-- 单张图 end -->
|
|
385
|
+{/eyou:case}
|
|
386
|
+
|
|
387
|
+{eyou:case value="imgs"}
|
|
388
|
+<!-- 多张图 start -->
|
|
389
|
+<div class="form-group group_z images_upload_main">
|
|
390
|
+ <div class="input-group">
|
|
391
|
+ <button type="button" style="text-align: left;" class="form-control" onClick="GetUploadify(100,'','allimg','{$vo.fieldArr}_{$vo.name|default=''}_call_back', '', '{$vo.title}');">
|
|
392
|
+ {$vo.title}<span style="float: right;font-size: 16px;">点击上传</span>
|
|
393
|
+ </button>
|
|
394
|
+ </div>
|
|
395
|
+ <div style="margin: 5px 0;padding: 3px;border: 1px dashed #ebeced;display: none;" id="upload_imgs_{$vo.fieldArr}_{$vo.name|default=''}">
|
|
396
|
+ <!--上传填充-->
|
|
397
|
+ </div>
|
|
398
|
+
|
|
399
|
+ <!-- 上传图片显示的样板 start -->
|
|
400
|
+ <div class="{$vo.fieldArr}_{$vo.name|default=''}_upload_tpl" style="display: none;">
|
|
401
|
+ <div class="fieldext_upload fieldext_upload_html">
|
|
402
|
+ <div class="images_upload_item">
|
|
403
|
+ <input type="hidden" name="{$vo.fieldArr}[{$vo.name|default=''}][]" value="">
|
|
404
|
+ <a href="" >
|
|
405
|
+ <img src="__STATIC__/admin/images/add-button.jpg" width="42" height="42">
|
|
406
|
+ </a>
|
|
407
|
+ <a class="delete" href="javascript:void(0)" title="删除"></a>
|
|
408
|
+ </div>
|
|
409
|
+ </div>
|
|
410
|
+ </div>
|
|
411
|
+ <!-- 上传图片显示的样板 end -->
|
|
412
|
+</div>
|
|
413
|
+<script type="text/javascript">
|
|
414
|
+ var GetUploadify_url = "{:url('user/Uploadify/upload',['resource'=>'reg'])}";
|
|
415
|
+
|
|
416
|
+ // 上传多图回调函数
|
|
417
|
+ function {$vo.fieldArr}_{$vo.name|default=''}_call_back(paths){
|
|
418
|
+ var last_div = $(".{$vo.fieldArr}_{$vo.name|default=''}_upload_tpl").html();
|
|
419
|
+ for (var i=0;i<paths.length ;i++ )
|
|
420
|
+ {
|
|
421
|
+ if ($("#upload_imgs_{$vo.fieldArr}_{$vo.name|default=''} .fieldext_upload_html").length == 0) {
|
|
422
|
+ $("#upload_imgs_{$vo.fieldArr}_{$vo.name|default=''}").css('display','');
|
|
423
|
+ }
|
|
424
|
+ $("#upload_imgs_{$vo.fieldArr}_{$vo.name|default=''}").append(last_div); // 插入一个 新图片
|
|
425
|
+
|
|
426
|
+
|
|
427
|
+ $("#upload_imgs_{$vo.fieldArr}_{$vo.name|default=''} .fieldext_upload_html:last").find('a:eq(0)').attr('href',paths[i]).attr('onclick','').attr('target', "_blank");// 修改他的链接地址
|
|
428
|
+ $("#upload_imgs_{$vo.fieldArr}_{$vo.name|default=''} .fieldext_upload_html:last").find('img').attr('src',paths[i]);// 修改他的图片路径
|
|
429
|
+ $("#upload_imgs_{$vo.fieldArr}_{$vo.name|default=''} .fieldext_upload_html:last").find('a:eq(1)').attr('onclick',"{$vo.fieldArr}_{$vo.name|default=''}_ClearPicArr2(this,'"+paths[i]+"')").text('');
|
|
430
|
+ $("#upload_imgs_{$vo.fieldArr}_{$vo.name|default=''} .fieldext_upload_html:last").find('input').val(paths[i]); // 设置隐藏域 要提交的值
|
|
431
|
+ }
|
|
432
|
+ }
|
|
433
|
+ /*
|
|
434
|
+ * 上传之后删除组图input
|
|
435
|
+ * @access public
|
|
436
|
+ * @val string 删除的图片input
|
|
437
|
+ */
|
|
438
|
+ function {$vo.fieldArr}_{$vo.name|default=''}_ClearPicArr2(obj,path)
|
|
439
|
+ {
|
|
440
|
+ $(obj).parent().parent().remove();
|
|
441
|
+ if ($("#upload_imgs_{$vo.fieldArr}_{$vo.name|default=''} .fieldext_upload_html").length == 0) {
|
|
442
|
+ $("#upload_imgs_{$vo.fieldArr}_{$vo.name|default=''}").css('display','none');
|
|
443
|
+ }
|
|
444
|
+ }
|
|
445
|
+</script>
|
|
446
|
+<!-- 多张图 end -->
|
|
447
|
+{/eyou:case}
|
|
448
|
+
|
|
449
|
+{case value="file"}
|
|
450
|
+{eyou:static file="/public/plugins/layui/css/layui.css" /}
|
|
451
|
+{eyou:static file="/public/plugins/layui/layui.js" /}
|
|
452
|
+<!-- 单个文件 start -->
|
|
453
|
+<div class="form-group group_z">
|
|
454
|
+ <div class="input-group">
|
|
455
|
+ <input type="text" id="{$vo.fieldArr}_{$vo.name|default=''}" name="{$vo.fieldArr}[{$vo.name|default=''}]" value="{$vo.dfvalue|default=''}" style="display: none;">
|
|
456
|
+ <button type="button" style="text-align: left;" class="form-control" id="upload_{$vo.fieldArr}_{$vo.name|default=''}" >{$vo.title}<span style="float: right;font-size: 16px;" id="btntxt_file_{$vo.fieldArr}_{$vo.name|default=''}">点击上传</span></button>
|
|
457
|
+ <!-- <a id="download_file_{$vo.fieldArr}_{$vo.name|default=''}" style="margin-left: 10px;text-decoration: underline;{eyou:notempty name='$vo.dfvalue' /}display: 'block';{eyou:else /}display: none;{/eyou:notempty}" {eyou:notempty name='$vo.dfvalue' /} href="{$vo.dfvalue|default=''}" download="{$vo.dfvalue|get_filename=###}" {/eyou:notempty}>
|
|
458
|
+ <img src="__STATIC__/common/images/file.png" alt="" style="width: 16px;height: 16px;">下载附件
|
|
459
|
+ </a> -->
|
|
460
|
+ </div>
|
|
461
|
+</div>
|
|
462
|
+
|
|
463
|
+<script>
|
|
464
|
+ $(function(){
|
|
465
|
+ layui.use('upload', function(){
|
|
466
|
+ var upload = layui.upload;
|
|
467
|
+
|
|
468
|
+ //执行实例
|
|
469
|
+ upload.render({
|
|
470
|
+ elem: "#upload_{$vo.fieldArr}_{$vo.name|default=''}" //绑定元素
|
|
471
|
+ ,url: "{:url('user/Uploadify/DownloadUploadFileAjax')}"
|
|
472
|
+ ,exts: '{$vo.ext}'
|
|
473
|
+ ,size: {$vo.filesize} //限制文件大小,单位 KB
|
|
474
|
+ ,accept: 'file' //普通文件
|
|
475
|
+ ,done: function(res){
|
|
476
|
+ //上传完毕回调
|
|
477
|
+ if (res.state=="SUCCESS"){
|
|
478
|
+ layer.msg('上传成功!')
|
|
479
|
+ $("#btntxt_file_{$vo.fieldArr}_{$vo.name|default=''}").text('已上传');
|
|
480
|
+ // $("#{$vo.fieldArr}_{$vo.name|default=''}").val(res.url);
|
|
481
|
+ // $("#download_file_{$vo.fieldArr}_{$vo.name|default=''}").css('display','');
|
|
482
|
+ // $("#download_file_{$vo.fieldArr}_{$vo.name|default=''}").attr('href',res.url);
|
|
483
|
+ // var arr = res.url.split("/");
|
|
484
|
+ // var download = arr[arr.length-1];
|
|
485
|
+ // $("#download_file_{$vo.fieldArr}_{$vo.name|default=''}").attr('download',download);
|
|
486
|
+ // $("#download_file_{$vo.fieldArr}_{$vo.name|default=''}").css('color','#000');
|
|
487
|
+ // $("#download_file_{$vo.fieldArr}_{$vo.name|default=''}").html('<img src="__STATIC__/common/images/file.png" alt="" style="width: 16px;height: 16px;">下载附件');
|
|
488
|
+ }else {
|
|
489
|
+ $("#btntxt_file_{$vo.fieldArr}_{$vo.name|default=''}").text('点击上传');
|
|
490
|
+ // $("#download_file_{$vo.fieldArr}_{$vo.name|default=''}").css('display','');
|
|
491
|
+ // $("#download_file_{$vo.fieldArr}_{$vo.name|default=''}").css('color','red');
|
|
492
|
+ // $("#download_file_{$vo.fieldArr}_{$vo.name|default=''}").text(res.state);
|
|
493
|
+ }
|
|
494
|
+ }
|
|
495
|
+ ,error: function(){
|
|
496
|
+ //请求异常回调
|
|
497
|
+ }
|
|
498
|
+ });
|
|
499
|
+ });
|
|
500
|
+ })
|
|
501
|
+</script>
|
|
502
|
+<!-- 单个文件 end -->
|
|
503
|
+{/case}
|
|
504
|
+<!-- 扩展 end -->
|
|
505
|
+{/eyou:switch}
|
|
506
|
+{/eyou:volist}
|
|
507
|
+
|
|
508
|
+<style>
|
|
509
|
+
|
|
510
|
+ /* 整个滚动条 */
|
|
511
|
+ ::-webkit-scrollbar {
|
|
512
|
+ width: 12px; /* 滚动条的宽度 */
|
|
513
|
+ height: 12px; /* 滚动条的高度,对水平滚动条有效 */
|
|
514
|
+ background-color: #f9f9fd; /* 滚动条的背景颜色 */
|
|
515
|
+ }
|
|
516
|
+
|
|
517
|
+ /* 滚动条轨道 */
|
|
518
|
+ ::-webkit-scrollbar-track {
|
|
519
|
+ border-radius: 10px;
|
|
520
|
+ background: #e1e1e1; /* 轨道的背景颜色 */
|
|
521
|
+ }
|
|
522
|
+
|
|
523
|
+ /* 滚动条滑块 */
|
|
524
|
+ ::-webkit-scrollbar-thumb {
|
|
525
|
+ border-radius: 10px;
|
|
526
|
+ background-color: #c1c1c1; /* 滑块的背景颜色 */
|
|
527
|
+ border: 3px solid #e1e1e1; /* 滑块的边框和轨道相同的颜色,可以制造“边距”的效果 */
|
|
528
|
+ }
|
|
529
|
+
|
|
530
|
+ /* 滚动条滑块:悬停效果 */
|
|
531
|
+ ::-webkit-scrollbar-thumb:hover {
|
|
532
|
+ background-color: #a8a8a8; /* 滑块的悬停颜色 */
|
|
533
|
+ }
|
|
534
|
+
|
|
535
|
+ /* 滚动条滑块:激活时的效果 */
|
|
536
|
+ ::-webkit-scrollbar-thumb:active {
|
|
537
|
+ background-color: #888888; /* 滑块的激活颜色 */
|
|
538
|
+ }
|
|
539
|
+
|
|
540
|
+ /* 滚动条按钮(上下箭头) */
|
|
541
|
+ ::-webkit-scrollbar-button {
|
|
542
|
+ display: none; /* 通常情况下不显示滚动条按钮 */
|
|
543
|
+ }
|
|
544
|
+
|
|
545
|
+ /* Firefox */
|
|
546
|
+ html {
|
|
547
|
+ scrollbar-width: thin; /* "auto" | "thin" | "none" */
|
|
548
|
+ scrollbar-color: #c1c1c1 #e1e1e1; /* 滑块颜色 轨道颜色 */
|
|
549
|
+ }
|
|
550
|
+
|
|
551
|
+
|
|
552
|
+</style>
|