修改产品样式

assets/css/common.scss

@@ -694,6 +694,7 @@ a {
     justify-content: center;
     padding: 10px 0;
     p {
+      font-size: 12px;
       display: flex;
       flex-direction: column;
       align-items: center;
@@ -703,7 +704,7 @@ a {
     }
     & > img {
       min-width: 60px;
-      width: 60px;
+      width: 40px;
       height: 60px;
       transition: all 0.4s ease-out;
       border-radius: 4px 4px 0 0;

pages/category/index.vue

@@ -166,13 +166,15 @@ async function getCategory1Fun() {
   height: 60px;
   background: #f7f7f7;
   border-bottom: 4px solid #fff;
+  margin: 0 auto; /* 容器自身居中 */
+  text-align: center; /* 文字内容水平居中 */
 
   a {
     border: 1px solid #e8e8e8;
     color: #333;
     border-radius: 3px;
     padding: 0 30px;
-    font-size: 14px;
+    font-size: 13px;
     height: 30px;
     display: flex;
     justify-content: center;
@@ -195,6 +197,8 @@ async function getCategory1Fun() {
   padding-bottom: 1px;
   display: flex;
   position: relative;
+  margin: 0 auto; /* 容器自身居中 */
+  text-align: center; /* 文字内容水平居中 */
 
   .cate-nav {
     width: 130px;
@@ -210,7 +214,7 @@ async function getCategory1Fun() {
       justify-content: center;
       width: 100%;
       height: 50px;
-      font-size: 14px;
+      font-size: 13px;
       color: #606266;
       position: relative;