feat: 产品

refactor: 产品详情页seo

public/static/index/css/product_category.css

@@ -2,21 +2,28 @@
 .orico_Page_products {
   width: 100%;
   position: relative;
-  height: 100vh;
+  min-height: 100vh;
   overflow-y: auto;
   overflow-x: hidden;
   background: #f9f9f9;
 }
+.orico_Page_products .focus_image {
+  padding-top: 3.75rem;
+}
+.orico_Page_products .focus_image img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
 .orico_Page_products p, .orico_Page_products a, .orico_Page_products div, .orico_Page_products span {
   font-family: "Microsoft YaHei", "Arial", sans-serif;
 }
 .orico_Page_products .pageMain {
   width: 85%;
-  padding: 50px 0 10px;
+  padding: 50px 0 2.5rem;
   margin: 0 auto;
   display: flex;
   flex-direction: column;
-  margin-top: 2%;
 }
 .orico_Page_products .pageMain .ori-pd-title {
   font-size: 1.5em;
@@ -82,6 +89,11 @@
   height: 100%;
   border-radius: 0.65rem;
 }
+.orico_Page_products .pageMain .ori-pd-list .oripditem .prd-colors .prdolorit .rgb_hex {
+  display: block;
+  height: 100%;
+  border-radius: 100%;
+}
 .orico_Page_products .pageMain .ori-pd-list .oripditem:hover {
   box-shadow: 0px 5px 35px rgba(227, 227, 227, 0.75);
   transform: translate3d(0, -2px, 0);

public/static/index/css/product_detail.css

@@ -2,7 +2,7 @@
 .orico_Page_prdetail {
   width: 100%;
   position: relative;
-  height: 100vh;
+  min-height: 100vh;
   overflow-y: auto;
   overflow-x: hidden;
   background: #f1f1f1;
@@ -108,7 +108,7 @@
 }
 .orico_Page_prdetail .oriprdetail .cp .cpfl .preview .bigImg .smallImgUp,
 .orico_Page_prdetail .oriprdetail .cp .cpfl .preview .bigImg .smallImgUp.disabled {
-  background: url(../productDetailimg/fl.png) no-repeat;
+  background: url(/static/index/images/fl.png) no-repeat;
   position: absolute;
   z-index: 1;
   top: 50%;
@@ -118,11 +118,11 @@
 }
 .orico_Page_prdetail .oriprdetail .cp .cpfl .preview .bigImg .smallImgUp:hover,
 .orico_Page_prdetail .oriprdetail .cp .cpfl .preview .bigImg .smallImgUp.disabled:hover {
-  background: url(../productDetailimg/fl1.png) no-repeat;
+  background: url(/static/index/images/fl1.png) no-repeat;
 }
 .orico_Page_prdetail .oriprdetail .cp .cpfl .preview .bigImg .smallImgDown,
 .orico_Page_prdetail .oriprdetail .cp .cpfl .preview .bigImg .smallImgDown.disabled {
-  background: url(../productDetailimg/rh.png) no-repeat;
+  background: url(/static/index/images/rh.png) no-repeat;
   position: absolute;
   z-index: 1;
   right: -2%;
@@ -131,7 +131,7 @@
 }
 .orico_Page_prdetail .oriprdetail .cp .cpfl .preview .bigImg .smallImgDown:hover,
 .orico_Page_prdetail .oriprdetail .cp .cpfl .preview .bigImg .smallImgDown.disabled:hover {
-  background: url(../productDetailimg/rh1.png) no-repeat;
+  background: url(/static/index/images/rh1.png) no-repeat;
 }
 .orico_Page_prdetail .oriprdetail .cp .cprh {
   width: 45%;