Skip to content

J
joshine
Commit 937f03b5 by lmf
Options

优化手机版评论布局

parent c3b9c499
Showing with 59 additions and 46 deletions
app/design/frontend/Joshine/breeze/Magento_Cms/templates/default/home.phtml
...@@ -23,6 +23,7 @@ ...@@ -23,6 +23,7 @@
} }
} }
</style> </style>
<div class="banner1"></div> <div class="banner1"></div>
<script> <script>
require([ require([
......
app/design/frontend/Joshine/breeze/web/css/_custom.less
...@@ -1800,52 +1800,64 @@ margin: 0 5px 0 0; ...@@ -1800,52 +1800,64 @@ margin: 0 5px 0 0;
font-weight: bold; font-weight: bold;
} }
@media (min-width: 768px){ @media (min-width: 768px){
.product.info .review-add { .product.info .review-add {
float: left; float: left;
width: 100% !important; width: 100% !important;
} }
.amreview-info-wrapper{
margin-left: 10px;
}
.amrev-toolbar-container.-all .amrev-sorting { //显示评论统计
border-left: none; .amreview-summary-details.pages{
float: right; display: none !important;
text-align: end; }
}
.amrev-toolbar-container { .amreview-summary-details.amreview-summary-details-fit.pages {
display: flex; display: block !important;
align-items: center; }
justify-content: flex-end;
padding: 0;
color: #363636;
font-size: 12px;
}
.amrev-toolbar-container .amrev-filters { .amrev-toolbar-container.-all .amrev-sorting {
justify-content: center; border-left: none;
align-items: end; float: right;
order: 2; text-align: end;
list-style: none; }
width: 35%;
margin-left: 40%;
}
.amrev-toolbar-container .amrev-filter { .amrev-toolbar-container {
margin: 0; display: flex;
padding: 15px 0 10px 20px; align-items: center;
border-bottom: 1px solid #dcdcdc; justify-content: flex-end;
flex-basis: auto; padding: 0;
margin-top: -50px; color: #363636;
} font-size: 12px;
}
.amrev-toolbar-container .amrev-sorting { .amrev-toolbar-container .amrev-filters {
flex-basis: 100%; justify-content: center;
order: 1; align-items: end;
padding: 10px 18px; order: 2;
border: none; list-style: none;
background: #fafafa; width: 35%;
border-left: none; margin-left: 40%;
float: right; }
}
.amrev-toolbar-container .amrev-filter {
margin: 0;
padding: 15px 0 10px 20px;
border-bottom: 1px solid #dcdcdc;
flex-basis: auto;
margin-top: -50px;
}
.amrev-toolbar-container .amrev-sorting {
flex-basis: 100%;
order: 1;
padding: 10px 18px;
border: none;
background: #fafafa;
border-left: none;
float: right;
}
} }
.amreview-submit-form .review-control-vote.control:before{ .amreview-submit-form .review-control-vote.control:before{
position: absolute !important; position: absolute !important;
...@@ -1854,11 +1866,6 @@ position: absolute !important; ...@@ -1854,11 +1866,6 @@ position: absolute !important;
background-color: #000; background-color: #000;
} }
//显示评论统计
.amreview-summary-details{
display: block !important;
}
//产品色块选中错位处理 //产品色块选中错位处理
#product-options-wrapper .swatch-option.image:hover{ #product-options-wrapper .swatch-option.image:hover{
border: none; border: none;
...@@ -1889,6 +1896,11 @@ background-color: #000; ...@@ -1889,6 +1896,11 @@ background-color: #000;
.review-list .review-item{ .review-list .review-item{
flex-direction: inherit !important; flex-direction: inherit !important;
} }
//显示评论统计
.amreview-summary-details{
display: block !important;
}
} }
//产品评论form表单默认隐藏 //产品评论form表单默认隐藏
......
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