fe / yohobuywap-node · Commits

Go to a project

Authored by 郭成尧
Commit 15690c74175ac82b81edf6b4bc11fa66db39ccd1 2 parents 2b0ce700 78896bfc

Merge branch 'feature/serviceStyle' into 'release/6.1' 

样式合并



See merge request !931
Inline Side-by-side
Showing 4 changed files with 88 additions and 191 deletions
<div class="chat-qa-c">
<div class="chat-qa-c chat-qa-page">
<div class="search-c">
<a href="//m.yohobuy.com/service/qaSearch">
<i class="search-icon iconfont">&#xe60f;</i>
... ...
<div class="qa-detail-c">
<div class="qa-detail-c chat-qa-page">
<div class="qa-c clearfix">
<div class="q-c clearfix">
<div class="pic q"></div>
... ...
<div class="qa-search-c">
<div class="qa-search-c chat-qa-page">
<div class="search-c">
<div>
<i class="search-icon iconfont">&#xe60f;</i>
... ...
.chat-qa-c {
width: 100%;
position: relative;
.chat-qa-page {
.search-c {
height: 92px;
padding-top: 17px;
border-bottom: solid 1px #e0e0e0;
a {
display: block;
width: 718px;
height: 57px;
background-color: #eaebed;
margin: 0 auto;
border-radius: 10px;
padding: 10px 30px;
.search-icon {
color: #8e8e93;
font-size: 30px;
}
input {
height: 37px;
line-height: 37px;
border: 0;
color: #8e8e93;
font-size: 28px;
background: none;
width: 600px;
padding-left: 20px;
}
}
}
.list-title {
font-size: 28px;
color: #b0b0b0;
width: 100%;
height: 70px;
line-height: 70px;
padding: 0 30px;
background-color: #f0f0f0;
}
.list-group {
border-top: solid 1px #e0e0e0;
border-bottom: solid 1px #e0e0e0;
.highlight {
background-color: #eee;
}
... ... @@ -57,17 +15,13 @@
min-height: 120px;
position: relative;
.ico-pic {
width: 100px;
height: 120px;
float: left;
padding: 30px 20px;
border-bottom: 0;
img {
width: 60px;
height: 60px;
}
.arr-ico {
line-height: 120px;
color: #e1e1e1;
font-size: 25px;
position: absolute;
top: 0;
right: 30px;
}
.icon {
... ... @@ -79,30 +33,6 @@
background-position: center center;
}
.order-ico {
background-image: resolve("service/chat/order-ico.png");
}
.car-ico {
background-image: resolve("service/chat/car-ico.png");
}
.pay-ico {
background-image: resolve("service/chat/pay-ico.png");
}
.reback-ico {
background-image: resolve("service/chat/reback-ico.png");
}
.acc-ico {
background-image: resolve("service/chat/acc-ico.png");
}
.good-ico {
background-image: resolve("service/chat/good-ico.png");
}
.gm-ico {
background-image: url("/service/chat/gm-ico.png");
width: 60px;
... ... @@ -131,13 +61,13 @@
margin: 30px 20px;
}
.arr-ico {
line-height: 120px;
color: #e1e1e1;
font-size: 25px;
span {
color: #444;
font-size: 28px;
position: absolute;
top: 0;
right: 30px;
right: 70px;
line-height: 120px;
}
div {
... ... @@ -145,7 +75,7 @@
padding: 25px 80px 20px 0;
width: 650px;
float: left;
border-bottom: solid 1px #e6e6e6;
border-bottom: solid 1px #e0e0e0;
.title {
line-height: 40px;
... ... @@ -159,17 +89,82 @@
}
}
span {
color: #444;
font-size: 28px;
&:last-child div {
border-bottom: 0;
}
}
.common-item {
.arr-ico {
line-height: 90px;
color: #e1e1e1;
font-size: 25px;
position: absolute;
top: 0;
right: 70px;
line-height: 120px;
right: 30px;
}
}
}
}
&:last-child div {
.chat-qa-c {
width: 100%;
position: relative;
.search-c {
a {
display: block;
width: 718px;
height: 57px;
background-color: #eaebed;
margin: 0 auto;
border-radius: 10px;
padding: 10px 30px;
.search-icon {
color: #8e8e93;
font-size: 30px;
}
input {
height: 37px;
line-height: 37px;
border: 0;
color: #8e8e93;
font-size: 28px;
background: none;
width: 600px;
padding-left: 20px;
}
}
}
.list-title {
font-size: 28px;
color: #b0b0b0;
width: 100%;
height: 70px;
line-height: 70px;
padding: 0 30px;
background-color: #f0f0f0;
}
.list-group {
border-top: solid 1px #e0e0e0;
border-bottom: solid 1px #e0e0e0;
.list {
.ico-pic {
width: 100px;
height: 120px;
float: left;
padding: 30px 20px;
border-bottom: 0;
img {
width: 60px;
height: 60px;
}
}
}
... ... @@ -243,10 +238,6 @@
position: relative;
.search-c {
height: 92px;
padding-top: 17px;
border-bottom: solid 1px #e0e0e0;
div {
display: block;
width: 600px;
... ... @@ -284,10 +275,6 @@
}
.list-group {
.highlight {
background-color: #eee;
}
.common-item {
display: block;
position: relative;
... ... @@ -303,15 +290,6 @@
color: #d0021b;
}
}
.arr-ico {
line-height: 90px;
color: #e1e1e1;
font-size: 25px;
position: absolute;
top: 0;
right: 30px;
}
}
}
... ... @@ -416,86 +394,5 @@
background-color: #fff;
border-top: solid 1px #e0e0e0;
border-bottom: solid 1px #e0e0e0;
.highlight {
background-color: #eee;
}
.list {
display: block;
min-height: 120px;
position: relative;
.icon {
width: 100px;
height: 120px;
float: left;
background-repeat: no-repeat;
background-size: auto 50%;
background-position: center center;
}
.gm-ico {
background-image: url("/service/chat/gm-ico.png");
width: 60px;
height: 60px;
margin: 30px 20px;
}
.advice-ico {
background-image: url("/service/chat/advice-ico.png");
width: 60px;
height: 60px;
margin: 30px 20px;
}
.tel-ico {
background-image: url("/service/chat/tel-ico.png");
width: 60px;
height: 60px;
margin: 30px 20px;
}
.arr-ico {
line-height: 120px;
color: #e1e1e1;
font-size: 25px;
position: absolute;
top: 0;
right: 30px;
}
div {
min-height: 120px;
padding: 25px 80px 20px 0;
width: 650px;
float: left;
border-bottom: solid 1px #e0e0e0;
.title {
line-height: 40px;
font-size: 32px;
}
.tip {
line-height: 35px;
font-size: 24px;
color: #b0b0b0;
}
}
span {
color: #444;
font-size: 28px;
position: absolute;
top: 0;
right: 70px;
line-height: 120px;
}
&:last-child div {
border-bottom: 0;
}
}
}
}
... ...