fe / yohobuywap-node · Commits

Go to a project

Authored by 张丽霞
Commit 915fc81fcfb08089380aa2ce32fe6a4a5131c5df 1 parent c3d6305a

详情页相关css目录调整

Inline Side-by-side
Showing 7 changed files with 194 additions and 198 deletions
... ... @@ -6,10 +6,6 @@
@import "layout/header";
@import "layout/footer";
@import "channel/index";
@import "product/detail";
@import "product/comments-consults";
@import "product/product-description";
@import "product/recommend-for-you";
@import "product/index";
@import "common/index";
@import "cart/chose-panel";
... ...
@import "sale/index";
@import "detail/index";
... ...
... ... @@ -107,7 +107,6 @@
.user-name {
display: inline-block;
float: left;
overflow: hidden;
max-width: 9rem;
color: $mainFontC;
... ... @@ -164,7 +163,7 @@
width: 100%;
height: 120px;
border-bottom: 1px solid $borderC;
background-color: #ffffff;
background-color: #fff;
i,
span,
... ... @@ -265,203 +264,199 @@
}
}
.good-detail-page {
.feedback-list {
margin-bottom: 30px;
padding-top: 30px;
background-color: #f0f0f0;
.nav-tab {
padding: 10px 0;
width: 100%;
height: 60px;
border-top: 1px solid $borderC;
border-bottom: 1px solid $borderC;
background-color: #fff;
.good-detail-page .feedback-list {
margin-bottom: 30px;
padding-top: 30px;
background-color: #f0f0f0;
.nav-tab {
padding: 10px 0;
width: 100%;
height: 60px;
border-top: 1px solid $borderC;
border-bottom: 1px solid $borderC;
background-color: #fff;
}
.comment-nav,
.consult-nav {
float: left;
box-sizing: border-box;
width: 50%;
height: 60px;
color: $subFontC;
text-align: center;
font-size: 28px;
line-height: 60px;
&.focus {
color: #000;
}
}
.comment-nav,
.consult-nav {
float: left;
box-sizing: border-box;
width: 50%;
height: 60px;
color: $subFontC;
text-align: center;
font-size: 28px;
line-height: 60px;
.comment-nav {
border-right: 1px solid #ccc;
}
.content .content-main {
border-bottom: 1px solid $borderC;
background-color: #fff;
&.focus {
color: #000;
&.comment-content-main {
.user-name {
padding-right: 18px;
padding-left: 28px;
color: $mainFontC;
font-size: 24px;
line-height: 62px;
}
.goods-spec,
.comment-time {
font-size: 24px;
line-height: 62px;
}
.detail-content {
padding-right: 18px;
padding-left: 28px;
color: $mainFontC;
font-size: 24px;
line-height: 62px;
}
}
.comment-nav {
border-right: 1px solid #ccc;
.goods-spec,
.comment-time {
font-size: 24px;
line-height: 62px;
}
.detail-content {
font-size: 28px;
line-height: 36px;
}
.goods-spec,
.detail-content {
color: $mainFontC;
}
.detail-content,
.comment-time {
padding-left: 28px;
}
.detail-content {
padding-right: 28px;
padding-left: 28px;
}
.detail-content {
padding-right: 28px;
}
.comment-time {
color: #c1c1c1;
}
}
.content {
.content-main {
border-bottom: 1px solid $borderC;
background-color: #fff;
&.comment-content-main {
.user-name {
padding-right: 18px;
padding-left: 28px;
color: $mainFontC;
font-size: 24px;
line-height: 62px;
}
.goods-spec,
.comment-time {
font-size: 24px;
line-height: 62px;
}
.detail-content {
padding-right: 18px;
padding-left: 28px;
color: $mainFontC;
font-size: 24px;
line-height: 62px;
}
.goods-spec,
.comment-time {
font-size: 24px;
line-height: 62px;
}
.detail-content {
font-size: 28px;
line-height: 36px;
}
.goods-spec,
.detail-content {
color: $mainFontC;
}
.detail-content,
.comment-time {
padding-left: 28px;
}
.detail-content {
padding-right: 28px;
padding-left: 28px;
}
.detail-content {
padding-right: 28px;
}
.comment-time {
color: #c1c1c1;
}
&.consult-content-main {
padding-top: 20px;
padding-right: 28px;
padding-bottom: 20px;
padding-left: 28px;
.question {
color: $mainFontC;
font-size: 24px;
span {
display: block;
float: left;
padding-right: 15px;
font-size: inherit;
}
&.consult-content-main {
padding-top: 20px;
padding-right: 28px;
padding-bottom: 20px;
padding-left: 28px;
.question {
color: $mainFontC;
font-size: 24px;
span {
display: block;
float: left;
padding-right: 15px;
font-size: inherit;
}
p {
overflow: hidden;
}
}
.time {
color: $subFontC;
font-size: 22px;
}
.answer {
margin-top: 14px;
color: $subFontC;
font-size: 24px;
line-height: 36px;
span {
display: block;
float: left;
padding-right: 15px;
color: $mainFontC;
font-size: inherit;
}
p {
overflow: hidden;
}
}
p {
overflow: hidden;
}
}
&.no-item {
height: 200px;
color: #e0e0e0;
text-align: center;
font-size: 16PX;
line-height: 200px;
span {
display: inline-block;
padding-right: 5PX;
font-size: 16PX;
}
.time {
color: $subFontC;
font-size: 22px;
}
.answer {
margin-top: 14px;
color: $subFontC;
font-size: 24px;
line-height: 36px;
span {
display: block;
float: left;
padding-right: 15px;
color: $mainFontC;
font-size: inherit;
}
p {
overflow: hidden;
}
}
}
.comment-content-footer,
.consult-content-footer {
display: block;
min-height: 88px;
border-bottom: 1px solid $borderC;
background-color: #fff;
color: #b0b0b0;
&.no-item {
height: 200px;
color: #e0e0e0;
text-align: center;
font-size: 28px;
line-height: 88px;
font-size: 16PX;
line-height: 200px;
.iconfont {
font-size: inherit;
span {
display: inline-block;
padding-right: 5PX;
font-size: 16PX;
}
}
}
.content.hide {
display: none;
.comment-content-footer,
.consult-content-footer {
display: block;
min-height: 88px;
border-bottom: 1px solid $borderC;
background-color: #fff;
color: #b0b0b0;
text-align: center;
font-size: 28px;
line-height: 88px;
.iconfont {
font-size: inherit;
}
}
.nodata {
padding: 0 28px;
height: 88px;
border-top: 1px solid $borderC;
border-bottom: 1px solid $borderC;
background-color: #fff;
font-size: 28px;
line-height: 88px;
.content.hide {
display: none;
}
.go-consult {
float: right;
color: $subFontC;
.nodata {
padding: 0 28px;
height: 88px;
border-top: 1px solid $borderC;
border-bottom: 1px solid $borderC;
background-color: #fff;
font-size: 28px;
line-height: 88px;
span {
font-size: 28px;
}
.go-consult {
float: right;
color: $subFontC;
span {
font-size: 28px;
}
}
}
... ...
... ... @@ -569,5 +569,6 @@ $basicBtnC: #eb0313;
top: 40%;
}
}
@import "comments-consults";
@import "product-description";
... ...
@import "detail";
@import "comments-consults";
@import "comments-consults";
@import "recommend-for-you";
... ...
... ... @@ -92,7 +92,6 @@
.tip {
display: inline-block;
float: left;
width: 16.6%;
img {
... ... @@ -130,27 +129,25 @@
}
}
.detail-swiper {
.swiper-wrapper {
.swiper-slide {
width: auto;
div {
text-align: center;
&.cell {
padding: 0 40px;
border: 1px solid #fff;
background-color: $tableCellC;
font-size: 24px;
line-height: 53px;
}
}
.detail-swiper .swiper-wrapper .swiper-slide {
width: auto;
div {
text-align: center;
&.cell {
padding: 0 40px;
border: 1px solid #fff;
background-color: $tableCellC;
font-size: 24px;
line-height: 53px;
}
}
}
/*模特*/
/*
模特
*/
#reference-swiper-container {
.first-group {
margin-top: 55px;
... ... @@ -169,7 +166,9 @@
}
}
/*测量方法*/
/*
测量方法
*/
.measurement-method {
.detail {
margin-top: 0;
... ...