fe / YOHOBUYPC · Commits

Go to a project

Authored by 毕凯
Commit 6b2a9306c922314f08b372da4b26bec505386c04 1 parent 49ee6cc3

商品详情 去除部分 table 布局

Inline Side-by-side
Showing 2 changed files with 35 additions and 23 deletions
... ... @@ -45,4 +45,4 @@
}
}
}
}
\ No newline at end of file
}
... ...
... ... @@ -208,18 +208,19 @@ $basicBtnC:#eb0313;
height: auto;
li {
float: left;
img {
height: auto;
}
}
}
}
.goodsName {
box-sizing: border-box;
width: 100%;
min-height: pxToRem(88px);
font-size: pxToRem(28px);
color: #fff;
padding-left: pxToRem(28px);
padding-right: pxToRem(28px);
line-height: pxToRem(36px);
padding: pxToRem(20px) pxToRem(28px);
line-height: pxToRem(48px);
background-color: #515150;
}
.goodsSubtitle {
... ... @@ -278,14 +279,14 @@ $basicBtnC:#eb0313;
line-height: pxToRem(88px);
}
}
.goodsName {
// width: 100%;
display: table;
span {
display: table-cell;
vertical-align: middle;
}
}
// .goodsName {
// // width: 100%;
// display: table;
// span {
// display: table-cell;
// vertical-align: middle;
// }
// }
.vip-level {
box-sizing: box-border;
padding-left: pxToRem(28px);
... ... @@ -360,21 +361,28 @@ $basicBtnC:#eb0313;
}
}
.enter-store {
min-height: pxToRem(100px);
display: table;
position: relative;
padding: 0 pxToRem(180px) 0 pxToRem(114px);
line-height: pxToRem(84px);
background-color: #fff;
a {
display: table-cell;
vertical-align: middle;
text-align: left;
}
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
.store-logo {
// padding-right: 35rem/$pxConvertRem;
position: absolute;
left: 0;
top: 1px;
width: pxToRem(68px);
height: pxToRem(84px);
margin-left: pxToRem(30px);
font-size: 0;
text-align: center;
img {
display: inline-block;
width: auto;
height: pxToRem(68px);
margin-left: 0;
margin-right: pxToRem(-25px);
vertical-align: middle;
}
}
.store-name {
... ... @@ -382,6 +390,10 @@ $basicBtnC:#eb0313;
color: $mainFontC;
}
.store-link {
position: absolute;
right: 0;
top: 1px;
padding-right: pxToRem(30px);
font-size: pxToRem(28px);
color: $subFontC;
text-align: right;
... ...