添加搜索产品页面

public/static/.gitignore

@@ -1,2 +1,2 @@
-*
+
 !.gitignore

public/static/index/css/orico_header.css

@@ -332,6 +332,9 @@
   flex-direction: column;
   justify-content: center;
   width: 30%;
+  align-items: center;
+  overflow: hidden;
+
 }
 .header-PC .searchmodalMian .searchmodalct .searchhistory .popmain .popitem .popimg,
 .header-PC .searchmodalMian .searchmodalct .popProduct .popmain .popitem .popimg {
@@ -344,7 +347,20 @@
   font-weight: 600;
   display: -webkit-box;
   -webkit-line-clamp: 1;
-  overflow: hidden;
   text-overflow: ellipsis;
   font-size: 0.8rem;
+  margin-top: 10%;
 }
+.header-PC .searchmodalMian .searchmodalct .popProduct .popmain .popitem .productName 
+ {
+  width: 100px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: block;
+ }
+ .header-PC .searchmodalMian .searchmodalct .popProduct .popmain .popitem .produc-dec{
+  font-size: 10px;
+  color: #000000;
+  margin-top: 1%;
+ }

public/static/index/css/product_search.css

@@ -0,0 +1,94 @@
+.orico_Page_search {
+  width: 100%;
+  position: relative;
+  height: 100vh;
+  overflow-y: auto;
+  overflow-x: hidden;
+  background: #f1f1f1;
+}
+.orico_Page_search .searchMain {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  background: #fff;
+  width: 60%;
+  margin: 0 auto;
+  margin-top: 60px;
+  margin-bottom: 20px;
+  overflow: hidden;
+  padding: 0 3.75rem;
+  padding-top: 2%;
+  padding-bottom: 60px;
+}
+.orico_Page_search .searchMain .search-ipt {
+  display: flex;
+  flex-direction: row;
+  background-color: #f1f1f1;
+  border: 1px solid #e3e8ec;
+  align-items: center;
+}
+.orico_Page_search .searchMain .search-ipt .ssipt {
+  width: 94%;
+  border: none;
+  background-color: #f1f1f1;
+  height: 52px;
+  line-height: 52px;
+  padding-left: 3%;
+  padding-right: 3%;
+  font-size: 1.1rem;
+}
+.orico_Page_search .searchMain .search-ipt .ssico {
+  width: 35px;
+  height: 35px;
+  margin-right: 2%;
+  cursor: pointer;
+}
+.orico_Page_search .searchMain .seul {
+  display: flex;
+  flex-direction: column;
+  padding-top: 2%;
+  padding-bottom: 60px;
+}
+.orico_Page_search .searchMain .seul .seitme {
+  cursor: pointer;
+  padding: 16px 0 10px 0;
+  border-bottom: 1px solid #f3f3f3;
+  display: flex;
+  flex-direction: row;
+}
+.orico_Page_search .searchMain .seul .seitme .search-pr-img {
+  float: left;
+  padding: 9px 10px;
+  border: 1px solid #e7e7e7;
+  overflow: hidden;
+  width: 140px;
+}
+.orico_Page_search .searchMain .seul .seitme .prInfp {
+  display: flex;
+  flex-direction: column;
+  max-width: 70%;
+  margin: 11px 10px 0;
+}
+.orico_Page_search .searchMain .seul .seitme .prInfp .txt1 {
+  font-size: 1.125rem;
+  color: #333;
+}
+.orico_Page_search .searchMain .seul .seitme .prInfp .txt2 {
+  font-size: 0.875rem;
+  color: #737373;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  line-height: 1.25rem;
+}
+.orico_Page_search .searchMain .seul .seitme .prInfp .txt3 {
+  font-size: 0.875rem;
+  color: #737373;
+}
+.orico_Page_search .searchMain .seul .seitme .prInfp .redpoint {
+  font-weight: bold;
+  color: rgb(255, 0, 0);
+}
+.orico_Page_search .searchMain ::placeholder {
+  color: #737373;
+}

public/static/index/css/public.css

@@ -39,7 +39,6 @@
 	transition: all 0.2s linear;
 	-webkit-transition: all 0.2s linear;
 }
-
 body {
 	font-size: 1.2em;
 	font-weight: 400;
@@ -150,4 +149,10 @@ a {
 /* 滚动条的上下箭头：向下箭头 */
 *::-moz-scrollbar-button:vertical:increment {
 	display: none;
+}
+div{
+    display: block;
+}
+#header{
+    height: 60px;
 }