fe / YOHOBUYPC · Commits

Go to a project

Authored by 梁志锋
Commit c54d37c6d2464f041d4b25222e6454ff26457183 1 parent 889379e3

update product desc

Inline Side-by-side
Showing 2 changed files with 72 additions and 71 deletions
... ... @@ -24,8 +24,8 @@ goodsSwiper = new Swiper('.banner-swiper', {
loop: true,
paginationClickable: true,
pagination: '.banner-top .pagination-inner',
nextButton: '.swiper-button-next',
prevButton: '.swiper-button-prev'
nextButton: '.my-swiper-button-next',
prevButton: '.my-swiper-button-prev'
});
... ...
... ... @@ -4,10 +4,37 @@ $borderC:#e0e0e0;
$tableCellC:#eee;
$basicBtnC:#eb0313;
.my-swiper-button-prev,
.my-swiper-button-next {
position: absolute;
top: 50%;
width: pxToRem(48px);
height: pxToRem(48px);
margin-top: pxToRem(-44px);
cursor: pointer;
-moz-background-size: pxToRem(48px) pxToRem(48px);
-webkit-background-size: pxToRem(48px) pxToRem(48px);
background-size: pxToRem(48px) pxToRem(48px);
background-position: center;
background-repeat: no-repeat;
}
.next-grey {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23f0f0f0'%2F%3E%3C%2Fsvg%3E");
right: pxToRem(30px);
left: auto;
}
.prev-grey {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23f0f0f0'%2F%3E%3C%2Fsvg%3E");
left: pxToRem(30px);
right: auto;
}
.good-detail-page {
overflow: hidden;
/* basic component */
.page-block{
overflow: hidden;
.page-block{
box-sizing:border-box;
width: 100%;
border-bottom: 2px solid $borderC;
... ... @@ -45,14 +72,14 @@ overflow: hidden;
}
}
}
}
}
.gap-block{
.gap-block{
min-height: 30rem/$pxConvertRem;
background-color: #f0f0f0;
}
}
.banner-container{
.banner-container{
position: relative;
// overflow: hidden;
.is-new-lable{
... ... @@ -86,33 +113,6 @@ overflow: hidden;
background-color: #000;
}
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: pxToRem(48px);
height: pxToRem(48px);
margin-top: pxToRem(-44px);
cursor: pointer;
z-index:10;
-moz-background-size: pxToRem(48px) pxToRem(48px);
-webkit-background-size: pxToRem(48px) pxToRem(48px);
background-size: pxToRem(48px) pxToRem(48px);
background-position: center;
background-repeat: no-repeat;
}
.swiper-button-next.swiper-button-grey {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23f0f0f0'%2F%3E%3C%2Fsvg%3E");
right: pxToRem(30px);
left: auto;
}
.swiper-button-prev.swiper-button-grey {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23f0f0f0'%2F%3E%3C%2Fsvg%3E");
left: pxToRem(30px);
right: auto;
}
}
}
... ... @@ -131,6 +131,7 @@ overflow: hidden;
height: 100%;
}
}
}
... ... @@ -177,17 +178,17 @@ overflow: hidden;
.previousPrice{
text-decoration:line-through;
}
}
.periodOfMarket{
}
.periodOfMarket{
font-size: pxToRem(24px);
float: right;
h1{
display: inline-block;
line-height: pxToRem(88px);
}
}
.goodsName,
.goodsSubtitle{
}
.goodsName,
.goodsSubtitle{
// width: 100%;
display:table;
span{
... ... @@ -223,8 +224,8 @@ overflow: hidden;
.vip-price:last-child{
padding-right: 0;
}
}
.goodsDiscount{
}
.goodsDiscount{
min-height: pxToRem(88px);
padding-left:pxToRem(28px);
padding-right:pxToRem(28px);
... ... @@ -242,12 +243,12 @@ overflow: hidden;
color:#e0e0e0;
// padding-left:pxToRem(50px);
}
}
.goodsSubtitle,
.goodsDiscount{
}
.goodsSubtitle,
.goodsDiscount{
text-indent: pxToRem(-14px);
}
.feedback-list-page {
}
.feedback-list-page {
padding-top: pxToRem(30px);
background-color: #f0f0f0;
... ... @@ -378,9 +379,9 @@ overflow: hidden;
}
}
.comment-content-footer,
.consult-content-footer{
}
.comment-content-footer,
.consult-content-footer{
min-height: pxToRem(88px);
text-align: center;
... ... @@ -397,14 +398,14 @@ overflow: hidden;
}
}
}
}
.content.hide {
.content.hide {
display: none;
}
}
}
}
.enter-store{
.enter-store{
min-height: pxToRem(100px);
display: table;
a{
... ... @@ -420,33 +421,33 @@ overflow: hidden;
margin-left: 0;
margin-right: pxToRem(-25px);
}
}
.store-name{
}
.store-name{
font-size: pxToRem(34px);
color:$mainFontC;
}
.store-link{
}
.store-link{
font-size:pxToRem(28px) ;
color:$subFontC;
text-align: right;
span{
font-size: inherit;
}
}
}
.goods-desc{
}
}
.goods-desc{
.service{
width: pxToRem(489px);
height: pxToRem(28px);
margin-top: pxToRem(22px);
}
}
.tips{
}
.tips{
color:$subFontC;
font-size: pxToRem(18px);
margin-top: pxToRem(20px);
}
.materials{
}
.materials{
.detail{
img{
display: block;
... ... @@ -560,9 +561,9 @@ overflow: hidden;
}
}
clear:both;
}
}
.cart-bar{
}
}
.cart-bar{
position: relative;
box-sizing:border-box;
width: 100%;
... ... @@ -606,5 +607,5 @@ overflow: hidden;
color:#fff;
font-size: pxToRem(24px);
}
}
}
}
... ...