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

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

View File

@@ -739,24 +739,12 @@
.orico_Page_index .pageMain .brandStory .bs_swiperasd .bs_swcontainer span {
font-weight: bold;
}
.orico_Page_index .pageMain .brandStory .bs_swiperasd .bs_swcontainer .time1 {
.orico_Page_index .pageMain .brandStory .bs_swiperasd .bs_swcontainer .time {
position: absolute;
top: 3.4375rem;
left: 0.2%;
height: 2px;
}
.orico_Page_index .pageMain .brandStory .bs_swiperasd .bs_swcontainer .time2 {
position: absolute;
top: 3.4375rem;
left: 25.3%;
height: 2px;
}
.orico_Page_index .pageMain .brandStory .bs_swiperasd .bs_swcontainer .time3 {
position: absolute;
top: 3.4375rem;
left: 51%;
height: 2px;
}
.orico_Page_index
.pageMain
.brandStory

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;
}

View File

@@ -93,7 +93,6 @@
.narswljshow {
display: none;
}
.narssben-us .nDtopIt2 .nDitImg {
width: 291px !important;
display: flex;
@@ -101,7 +100,7 @@
}
.narssben-us .nDtopIt2 .nDitImg img{
width:70px !important;
height:70px !important;
height:70px!important;
}
.narssben-us .nDtopIt2 .nDitImg .dwbt {
padding: 6px 38px;

View File

@@ -54,6 +54,6 @@
}
.narsPage-head .headcenter .logico {
width: 12.375rem;
height: 3.875rem;
width: 13.375rem;
height: 2.875rem;
}