.goods-detail-page {
|
background-color: #fff;
|
min-height: 100vh;
|
|
.header-navbar {
|
box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
|
display: flex;
|
justify-content: center;
|
margin-bottom: 1px;
|
background-color: #fff;
|
z-index: 1;
|
|
.van-tabs {
|
width: 40%;
|
}
|
}
|
|
.video-box {
|
height: 80%;
|
display: flex;
|
align-items: center;
|
background-color: #141414;
|
}
|
|
.active-row {
|
.actve-name {
|
padding: 0 20px;
|
line-height: 60px;
|
color: #DF252A;
|
background: #f2f2f2;
|
opacity: 0.7;
|
line-height: 60px;
|
}
|
|
.check {
|
width: 100px;
|
line-height: 56px;
|
background: #DF252A;
|
border-radius: 100px 0px 0px 100px;
|
opacity: 0.7;
|
color: #fff;
|
}
|
}
|
|
/deep/.line_row {
|
width: 710px;
|
height: 10px;
|
background: #f2f2f2;
|
}
|
|
.good-content {
|
height: auto;
|
}
|
|
.comment-content {
|
height: auto;
|
}
|
|
.ml40 {
|
margin-left: 40px;
|
}
|
|
/deep/.list {
|
height: 100% !important;
|
}
|
|
/deep/.disabled-button-row {
|
background: #ec8b89 !important;
|
|
}
|
|
.default-button {
|
border: none;
|
}
|
|
.button-row {
|
background: #DF252A;
|
color: #fff;
|
border-radius: 60px;
|
padding: 5px;
|
line-height: 68px;
|
font-size: 28px;
|
|
.border-right {
|
border-right: 1px solid #ffffff;
|
}
|
}
|
|
.nav-center {
|
width: 100%;
|
|
.nav-center-active {
|
font-size: 30px;
|
font-weight: 600;
|
letter-spacing: 2px;
|
border-bottom: 4px solid #9f1310;
|
color: #9f1310;
|
}
|
|
.nav-center-item {
|
font-size: 28px;
|
color: #666666;
|
letter-spacing: 2px;
|
}
|
}
|
|
/deep/.loading-img {
|
min-height: 700px;
|
}
|
|
.content {
|
padding-bottom: 100px;
|
|
.swipe-img {
|
width: 100%;
|
height: 100%;
|
}
|
|
.swiper {
|
width: 100%;
|
height: 754px;
|
|
.swiper-image {
|
width: 100%;
|
height: 754px;
|
}
|
}
|
|
.goods-info {
|
padding: 20px;
|
|
.name {
|
font-size: 36px;
|
font-weight: 600;
|
letter-spacing: 2px;
|
}
|
|
.new-price {
|
margin: 20px 0;
|
font-size: 42px;
|
font-weight: 600;
|
color: #EB0F17;
|
letter-spacing: 3px;
|
}
|
|
.list {
|
margin-top: 20px;
|
|
.list-item {
|
padding: 20px 0;
|
border-bottom: 2px solid #f2f2f2;
|
|
.title {
|
font-size: 28px;
|
letter-spacing: 1px;
|
font-weight: 600;
|
}
|
|
&.goodProp {
|
border-bottom: none;
|
}
|
}
|
}
|
|
.border_bottom {
|
border-bottom: 2px solid #f2f2f2;
|
}
|
|
.good-params {
|
padding: 20px 0px;
|
line-height: 60px;
|
}
|
}
|
}
|
|
.goods-msg {
|
display: flex;
|
flex-direction: column;
|
justify-content: space-between;
|
|
.goods-name {
|
font-size: 32px;
|
font-weight: 600;
|
margin-bottom: 10px;
|
}
|
}
|
|
|
.skuImage {
|
position: relative;
|
width: 180px;
|
height: 180px;
|
|
img {
|
width: 180px;
|
height: 180px;
|
}
|
|
.storag-num {
|
position: absolute;
|
bottom: 0;
|
left: 0;
|
width: 100%;
|
height: 42px;
|
line-height: 42px;
|
text-align: center;
|
background-color: rgba(0, 0, 0, 0.4);
|
font-size: 26px;
|
color: #ffffff;
|
}
|
}
|
|
.modal-content {
|
width: calc(100% - 40px);
|
background: #fff;
|
position: fixed;
|
bottom: 0;
|
right: 0;
|
padding: 20px;
|
|
.title-price {
|
font-size: 36px;
|
font-weight: 600;
|
color: #DF252A;
|
}
|
|
.choose-box {
|
.choose-item {
|
margin: 20px 20px 20px 0;
|
padding: 10px 20px;
|
background-color: rgba(0, 0, 0, 0.2);
|
border-radius: 20px;
|
}
|
|
.active-border {
|
border: 1px dashed #DF252A;
|
color: #DF252A;
|
background: rgba($color: #DF252A, $alpha: 0.1);
|
}
|
}
|
|
.params-button {
|
margin-top: 30px;
|
line-height: 68px;
|
width: 680px;
|
font-size: 28px;
|
border-radius: 34px;
|
}
|
}
|
|
// /deep/uni-button {
|
// background: $default-button !important;
|
// color: $default-button-text;
|
// }
|
|
// /deep/uni-button[disabled] {
|
// opacity: 0.5;
|
// }
|
|
.color_grey {
|
font-size: 26px;
|
margin-left: 30px;
|
font-weight: 400;
|
color: #666666;
|
}
|
|
/deep/.clearfix {
|
overflow: hidden;
|
}
|
|
.goodProp-container {
|
box-sizing: border-box;
|
|
.goodProp-container-name {
|
border: 1px solid #dedede;
|
height: 90px;
|
width: 140px;
|
padding: 0 10px;
|
word-break: break-all;
|
}
|
|
.goodProp-container-value {
|
border: 1px solid #dedede;
|
border-left: 0;
|
height: 90px;
|
}
|
|
.none-border-bottom {
|
border-bottom: 0 !important;
|
}
|
|
.color_grey {
|
font-size: 24px;
|
margin-left: 0;
|
}
|
|
.goodProp-container-item {
|
font-size: 24px;
|
font-weight: 400;
|
color: #333333;
|
|
.none-border-top {
|
border-top: 0 !important;
|
}
|
|
&:last-child {
|
margin-bottom: 0;
|
}
|
}
|
}
|
|
.price-decoration {
|
text-decoration: line-through;
|
font-size: 30px;
|
font-weight: 400;
|
color: #999999;
|
letter-spacing: 2px;
|
margin-left: 20px;
|
}
|
|
.coupon-list {
|
.common-txt-color {
|
margin-left: 30px;
|
}
|
}
|
}
|
|
.freight_row {
|
padding: 30px 64px;
|
background: #f9f9f9;
|
|
.left_logo {
|
width: 22px;
|
height: 22px;
|
margin-right: 14px;
|
}
|
}
|
|
.goods-t {
|
display: flex;
|
align-items: center;
|
|
.goods-t-right {
|
flex-grow: 1;
|
padding-right: 10px;
|
text-align: right;
|
background-color: #fff1f1;
|
color: #ff0808;
|
}
|
|
.goods-t-left {
|
flex-grow: 2;
|
background-color: #bb2828;
|
color: #fff;
|
position: relative;
|
|
.goods-label {
|
display: flex;
|
align-items: center;
|
font-size: 24px;
|
padding-left: 10px;
|
|
>div {
|
margin-left: 20px;
|
display: flex;
|
align-items: center;
|
}
|
|
.jg {
|
font-size: 44px;
|
|
span {
|
font-size: 20px;
|
}
|
}
|
|
.prod-price {
|
margin-left: 20px;
|
font-size: 20px;
|
color: #FFFFFF;
|
text-decoration: line-through;
|
}
|
}
|
}
|
|
.goods-t-left,
|
.goods-t-right {
|
font-size: 26px;
|
height: 80px;
|
line-height: 80px;
|
}
|
}
|
|
.shart-img {
|
// background: url("../../../static/images/seckill/fx.png") no-repeat;
|
background-size: 36px 36px;
|
width: 40px;
|
height: 40px;
|
margin-top: 20px;
|
}
|
|
|
|
#triangle-topleft {
|
width: 0;
|
height: 0;
|
border-top: 60px solid #bb2828;
|
border-right: 60px solid transparent;
|
position: absolute;
|
top: 0;
|
right: -40px;
|
// z-index: 99;
|
}
|
|
#triangle-bottomleft {
|
width: 0;
|
height: 0;
|
border-bottom: 60px solid #bb2828;
|
border-right: 60px solid transparent;
|
position: absolute;
|
bottom: 0;
|
right: -40px;
|
// z-index: 99;
|
}
|
|
.current-pl-style {
|
padding-bottom: 6px;
|
}
|
