style:修改首页,产品详情,新品,nasr首页样式

refactor:重构了产品详情的图片预览功能,coyp了一个页面
add:新增了large.js这个是产品详情图片预览相关的
This commit is contained in:
2025-05-10 17:33:35 +08:00
parent 693e2a896c
commit 8643eedf7d
21 changed files with 860 additions and 138 deletions

View File

@@ -56,13 +56,19 @@
display: flex;
flex-direction: row;
}
.orico_Page_search .searchMain .seul .seitme .search-pr-img {
float: left;
.orico_Page_search .searchMain .seul .seitme .imgb {
padding: 9px 10px;
border: 1px solid #e7e7e7;
overflow: hidden;
float: left;
width: 140px;
}
.orico_Page_search .searchMain .seul .seitme .imgb .search-pr-img {
width: 100%;
opacity: 1;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.orico_Page_search .searchMain .seul .seitme .prInfp {
display: flex;
flex-direction: column;
@@ -72,6 +78,7 @@
.orico_Page_search .searchMain .seul .seitme .prInfp .txt1 {
font-size: 1.125rem;
color: #333;
padding-bottom: 0.5rem;
}
.orico_Page_search .searchMain .seul .seitme .prInfp .txt2 {
font-size: 0.875rem;
@@ -89,6 +96,10 @@
font-weight: bold;
color: rgb(255, 0, 0);
}
.orico_Page_search .searchMain .seul .seitme:hover .search-pr-img {
-webkit-transform: scale3d(1.2, 1.2, 1);
transform: scale3d(1.2, 1.2, 1);
}
.orico_Page_search .searchMain ::placeholder {
color: #737373;
}