feat: mobile产品搜索页

public/static/index/mobile/css/download.css

@@ -33,29 +33,6 @@
   padding: 1.333rem;
 }
 
-.Pages {
-  text-align: center;
-  color: #555;
-  clear: both;
-  margin-bottom: 0.8rem;
-  margin-top: 0.6rem;
-}
-.Pages .pagination li {
-  display: inline-block;
-}
-.Pages .pagination li a,
-.Pages .pagination li span {
-  display: inline-block;
-  vertical-align: middle;
-  font-size: 0.875rem;
-  color: #666;
-  padding: 0.1rem 0.58rem;
-}
-.Pages .pagination li.active span{
-  background-color: #444444;
-  color: #fff;
-}
-
 @media screen and (max-width: 375px) {
   .download-left {
     width: 60%;

public/static/index/mobile/css/product_search.css

@@ -0,0 +1,100 @@
+.oricoEGapp-topsearch {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  background: #fff;
+}
+.oricoEGapp-topsearch .topsearch {
+  padding: 5.08rem 1.25rem 0.68rem 1.25rem;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+.oricoEGapp-topsearch .topsearch .sleft {
+  flex: 1;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+.oricoEGapp-topsearch .topsearch .icosearch {
+  width: 1rem;
+  height: 1rem;
+}
+.oricoEGapp-topsearch .topsearch .topseach-ipt {
+  flex: 1;
+  margin: 0 0.625rem;
+}
+.oricoEGapp-topsearch .topsearch .searchbt {
+  border: none;
+  font-size: 0.9rem;
+  color: #fff;
+  cursor: pointer;
+  background: #0060ff;
+  height: 2rem;
+  line-height: 2rem;
+  border-radius: 20px;
+  padding: 0 1rem;
+  display: inline-block;
+}
+.oricoEGapp-topsearch .prlist {
+  display: flex;
+  flex-direction: column;
+  margin: 1.25rem;
+}
+.oricoEGapp-topsearch .prlist .pritem {
+  display: flex;
+  flex-direction: row;
+  border-bottom: 1px solid #e5e5e5;
+  justify-content: space-between;
+}
+.oricoEGapp-topsearch .prlist .pritem .primg {
+  margin: 0.5rem;
+  width: 4.26rem;
+}
+.oricoEGapp-topsearch .prlist .pritem .prinfo {
+  display: flex;
+  flex-direction: column;
+  width: 65%;
+  float: right;
+}
+.oricoEGapp-topsearch .prlist .pritem .prinfo .t1 {
+  font-size: 0.64rem;
+  padding-top: 1rem;
+  color: #333;
+  padding-bottom: 0.45rem;
+}
+.oricoEGapp-topsearch .prlist .pritem .prinfo .t2 {
+  font-size: 0.586rem;
+  color: #666;
+}
+.oricoEGapp-topsearch .Pages {
+  text-align: center;
+  color: #555;
+  clear: both;
+  margin-bottom: 0.8rem;
+  margin-top: 0.6rem;
+}
+.oricoEGapp-topsearch .Pages span {
+  display: inline-block;
+}
+.oricoEGapp-topsearch .Pages .num a {
+  vertical-align: middle;
+  color: #666;
+  font-size: 0.875rem;
+  padding: 0.1rem 0.58rem;
+}
+.oricoEGapp-topsearch .Pages .a_prev,
+.oricoEGapp-topsearch .Pages .a_next {
+  padding-top: 0.4rem;
+  padding-left: 0.38rem;
+  padding-right: 0.38rem;
+}
+.oricoEGapp-topsearch .Pages .a_prev img,
+.oricoEGapp-topsearch .Pages .a_next img {
+  width: 0.267rem;
+  height: 0.587rem;
+}
+.oricoEGapp-topsearch .Pages .num .a_cur {
+  background-color: #444444;
+  color: #fff;
+}

public/static/index/mobile/css/public.css

@@ -85,4 +85,28 @@ a {
 
 body {
 	font-family: 'Montserrat-SemiBold';
+}
+
+/* 分页样式 */
+.pagination {
+  text-align: center;
+  color: #555;
+  clear: both;
+  margin-bottom: 0.8rem;
+  margin-top: 0.6rem;
+}
+.pagination li {
+  display: inline-block;
+}
+.pagination li a,
+.pagination li span {
+  display: inline-block;
+  vertical-align: middle;
+  font-size: 0.875rem;
+  color: #666;
+  padding: 0.1rem 0.58rem;
+}
+.pagination li.active span{
+  background-color: #444444;
+  color: #fff;
 }