- 今天修改了绑卡的样式,要在原有基础上尽量高效的修改,去达到更好的效果;
需求:证件类型下面加一行 “注意:。。。”
原本代码表单是用“padding-left: 90px;”往右移的,现在用负数把它往做移回来就好
.bin-card-list .long {
height: auto;
/* height: 80px; */
padding-top: 1px;
}
.bin-card-list .long .top {
position: absolute;
left: 0;
top: 20px;
}
.bin-card-list .long .must1 {
position: absolute;
margin-top: -23px;
}
.bin-card-list .long .div-form.pick .newicon {
position: absolute;
top: 19px;
}
.bin-card-list .long .text-warning {
font-size: 12px;
color: #8a6d3b;
margin-left: -90px;
margin-right: 5px;
/* height: 30px; */
/* line-height: 30px;
position: absolute;
left: 0;
top: 40px; */
}
<li class="long">
<label class="label-text top">
<i class="icon-form-card-number"></i>证件类型
</label>
<div class="div-form pick">
<select ng-model="IDCardType" name="IDCardType" id="IDCardType" class="select-text">
<option value="1">身份证</option>
<option value="2">护照</option>
<option value="3">驾驶证</option>
<option value="4">军官证</option>
<option value="9">其他</option>
</select>
<!-- <span class="pull-right">*</span> -->
<i class="icon-select-arrow newicon"></i>
</div>
<em class="must must1">*</em>
<p class="text-warning">注意:大陆居民必须用身份证绑定就诊卡,否则将影响实名制预约!</p>
</li>
2.发布好查看要注意清缓存,和电脑浏览器一样,有可能会存在缓存没有更新;
3.我的手机无法访问,有可能是地址不对,明天看看切换下。
4.最好在浏览器调试模式去修改和熟悉代码,按下F12后访问成功出来的地址是访问后台拿数据的接口地址,下面的参数是访问时用post,要传到后台的参数;放到postman中调试时注意格式要拼好。