产品详情页添加关联产品轮播;点击图册显示大图的问题,还有点击大图可以弹框观看

This commit is contained in:
杨丹华
2025-05-16 16:42:30 +08:00
parent 129e9aecb3
commit 602456add9
7 changed files with 177 additions and 26 deletions

View File

@@ -587,3 +587,71 @@
right: 0px;
margin-top: -24.5px;
}
.orico_Page_prdetail .glcpmain {
width: 100%;
background: #fff;
border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 53px 0;
position: relative;
}
.orico_Page_prdetail .glcpmain .glcpswiper {
width: 65%;
margin: 0 auto;
overflow: hidden;
position: relative;
padding: 0 50px;
}
.orico_Page_prdetail .glcpmain .swiper-button-next, .orico_Page_prdetail .glcpmain .swiper-button-prev{
color: #D0CECD !important;
}
.orico_Page_prdetail .glcpmain .glcptitle {
padding-bottom: 1em;
font-weight: 600;
font-size: 1.5em;
color: #333;
text-align: center;
margin-bottom: 1.6vw;
}
.orico_Page_prdetail .glcpmain .glcpit {
display: flex;
flex-direction: row;
}
.orico_Page_prdetail .glcpmain .glcpit .glimg {
float: left;
width: 26%;
margin-left: 4%;
margin-right: 4%;
}
.orico_Page_prdetail .glcpmain .glcpit .glinfo {
display: flex;
flex-direction: column;
}
.orico_Page_prdetail .glcpmain .glcpit .glinfo .t1 {
font-size: 14px;
color: #333;
text-align: left;
margin-top: 0.5vw;
line-height: 1.2em;
}
.orico_Page_prdetail .glcpmain .glcpit .glinfo .t2 {
font-size: 12px;
color: #666;
text-align: left;
margin-top: 5px;
}
.orico_Page_prdetail .glcpmain .glcpswiper .swiper-slide{
width: 30%;
}
.orico_Page_prdetail .swiper-button-next:after, .orico_Page_prdetail .swiper-rtl .swiper-button-prev:after{
font-size: 34px;
font-weight: 400;
}
.orico_Page_prdetail .swiper-button-prev:after, .orico_Page_prdetail .swiper-rtl .swiper-button-next:after{
font-size: 34px;
font-weight: 400;
}