Skip to content

A
allCampaign
Commit 8a36f819 by Chao Sun
Options

PC样式修改

parent 1b2556cd
Showing with 118 additions and 20 deletions
criticalInsurance-campaign/css/iconfont.css
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
.iconfont { .iconfont {
font-family: "iconfont" !important; font-family: "iconfont" !important;
font-size: 16px; font-size: 14px;
font-style: normal; font-style: normal;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
......
criticalInsurance-campaign/css/mstyle.css
...@@ -26,10 +26,10 @@ html,body{ ...@@ -26,10 +26,10 @@ html,body{
} }
.btn1,.orderBtn,.testBtn{ .btn1,.orderBtn,.testBtn{
width: 70%; width: 70%;
margin: 20px auto auto; margin: 0 auto;
} }
.btn1{ .btn1{
margin-bottom: 20px; margin:20px auto;
} }
.wrapper{ .wrapper{
padding-right: 15px; padding-right: 15px;
...@@ -70,7 +70,7 @@ html,body{ ...@@ -70,7 +70,7 @@ html,body{
font-size: 12px; font-size: 12px;
} }
.agree{ .agree{
font-size: 13px; font-size: 12px;
width: 100%; width: 100%;
height:25px; height:25px;
line-height:25px; line-height:25px;
...@@ -78,10 +78,12 @@ html,body{ ...@@ -78,10 +78,12 @@ html,body{
} }
.agree span{ .agree span{
display: inline-block; display: inline-block;
color:#8a8a8a;
position: absolute; position: absolute;
} }
.agree span b{
font-weight:normal;
color:#8a8a8a;
}
.content{ .content{
position: relative; position: relative;
width: 100%; width: 100%;
......
criticalInsurance-campaign/css/style.css
...@@ -18,6 +18,8 @@ html,body{ ...@@ -18,6 +18,8 @@ html,body{
height:100%; height:100%;
margin:0 auto; margin:0 auto;
font-size: 14px; font-size: 14px;
min-width: 1200px;
max-width: 2000px;
} }
.banner{ .banner{
width: 100%; width: 100%;
...@@ -30,12 +32,10 @@ html,body{ ...@@ -30,12 +32,10 @@ html,body{
right: 18%; right: 18%;
top: 7%; top: 7%;
background: #fff; background: #fff;
padding: 1%; padding: 1% 1% 0 1%;
height: 80%;
} }
.btn1 { .btn1 {
margin-left: 15%; margin:0 auto;
margin-bottom: 2%;
} }
.wrapper section{ .wrapper section{
...@@ -45,16 +45,19 @@ html,body{ ...@@ -45,16 +45,19 @@ html,body{
line-height: 30px; line-height: 30px;
position: relative; position: relative;
} }
.wrapper section label { .wrapper section label {
width: 30%; width: 30%;
float: left; float: left;
} }
.wrapper .last_item{
margin-top:25px;
}
.form-control,.wrapper section .item{ .form-control,.wrapper section .item{
float: left; float: left;
width: 70%; width: 70%;
height: 30px; height: 32px;
line-height: 30px; line-height: 32px;
} }
.wrapper section .item .icon{ .wrapper section .item .icon{
margin-right: 5%; margin-right: 5%;
...@@ -73,20 +76,25 @@ html,body{ ...@@ -73,20 +76,25 @@ html,body{
font-size: 12px; font-size: 12px;
} }
.agree{ .agree{
font-size: 12px;
width: 100%; width: 100%;
height: 25px; height: 25px;
line-height: 25px; line-height: 25px;
} }
.agree span{ .agree span{
display: inline-block; display: inline-block;
color:#8a8a8a; width: 100%;
position: absolute; position: absolute;
cursor: pointer; cursor: pointer;
} }
.agree span b{
font-weight:normal;
color:#8a8a8a;
font-size: 13px;
}
.testBtn{ .testBtn{
margin-left: 7%; max-width: 80%;
margin: 0 auto;
cursor: pointer; cursor: pointer;
} }
.content{ .content{
...@@ -109,4 +117,91 @@ footer{ ...@@ -109,4 +117,91 @@ footer{
.content #btn3 { .content #btn3 {
top: 87%; top: 87%;
} }
@media screen and (max-width: 1400px){
html,body{
font-size:12px;
}
.wrapper{
padding:.5%;
}
.wrapper section{
height: 40px;
line-height:30px;
}
.form-control, .wrapper section .item {
height: 25px;
line-height: 25px;
padding:0;
}
.wrapper section .tips{
height: 15px;
line-height: 15px;
font-size:10px;
}
.wrapper .last_item{
margin-top: 0px;
}
.agree {
width: 100%;
height: 20px;
line-height: 20px;
}
.agree span b{
font-size: 10px;
}
}
@media screen and (min-width:1400px) and (max-width: 1600px){
html,body{
font-size:12px;
}
.wrapper .last_item {
margin-top: 10px;
}
.wrapper section{
height: 45px;
line-height:30px;
}
.form-control, .wrapper section .item {
height: 25px;
line-height: 25px;
padding:0;
}
.wrapper section .tips{
height: 20px;
line-height: 20px;
font-size:10px;
}
.agree {
width: 100%;
height: 20px;
line-height: 20px;
}
.agree span b{
font-size: 12px;
}
}
@media screen and (min-width:1600px) and (max-width: 1800px){
.wrapper{
padding:.8%;
}
.wrapper .last_item{
margin-top: 15px;
}
.agree {
width: 100%;
height: 20px;
line-height: 20px;
}
}
@media screen and (min-width:1800px) and (max-width:2000px){
.wrapper .last_item {
margin-top: 25px;
}
.agree{
height: 20px;
line-height: 20px;
}
}
criticalInsurance-campaign/images/pcbtn3.png
criticalInsurance-campaign/images/pcbtn3.png

6.18 KB | W: | H:

criticalInsurance-campaign/images/pcbtn3.png

6.71 KB | W: | H:

criticalInsurance-campaign/images/pcbtn3.png
criticalInsurance-campaign/images/pcbtn3.png
criticalInsurance-campaign/images/pcbtn3.png
criticalInsurance-campaign/images/pcbtn3.png
  • 2-up
  • Swipe
  • Onion skin
criticalInsurance-campaign/index.html
...@@ -46,10 +46,12 @@ ...@@ -46,10 +46,12 @@
<input class="form-control userphone" type="text" placeholder="请输入您的手机号码"> <input class="form-control userphone" type="text" placeholder="请输入您的手机号码">
<div class="phoneTips tips"></div> <div class="phoneTips tips"></div>
</section> </section>
<img class="testBtn" src="images/btn3.png" alt="保费试算">
<section> <section>
<img class="testBtn" src="images/btn3.png" alt="保费试算">
</section>
<section class="last_item">
<div class="agree"> <div class="agree">
<span><i class="iconfont on">&#xe504;</i> 本人同意最惠比联系本人进行精准报价和产品介绍</span> <span><i class="iconfont on">&#xe504;</i> <b>本人同意最惠比联系本人进行精准报价和产品介绍 </b></span>
</div> </div>
<div class="agreeTips tips"></div> <div class="agreeTips tips"></div>
</section> </section>
......
criticalInsurance-campaign/js/base.js
...@@ -93,7 +93,6 @@ $(function(){ ...@@ -93,7 +93,6 @@ $(function(){
} }
function submitBtn(){ function submitBtn(){
$(".testBtn").click(function(){ $(".testBtn").click(function(){
console.log(param)
//判断性别选没选 //判断性别选没选
if(!param.sex){ if(!param.sex){
$(".sexTips").html('性别不能为空'); $(".sexTips").html('性别不能为空');
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment