fix: 修复整体样式问题

xinkeaboard-web/assets/style/storeList.scss

@@ -171,6 +171,7 @@
                 img {
                     width: 100%;
                     height: 100%;
+                    object-fit: contain;
                 }
             }
             .sld_vendor_name {

xinkeaboard-web/components/NavCatHeader.vue

@@ -65,7 +65,7 @@ getNavData();
 
 const getActive = (item) => {
     item = JSON.parse(item.data.replace(/"/g, '"'));
-    return item.link_type === 'url' && routePath.value === quillEscapeToHtml(item.link_value)
+    return item.link_type === 'url' && routePath.value !== '/' && routePath.value.includes(quillEscapeToHtml(item.link_value))
 }
 
 const navClick = (e, val) => {

xinkeaboard-web/components/articleLeft.vue

@@ -157,11 +157,12 @@ if (process.client) {
 
 .sortes {
   display: flex;
+  width: 100%;
 }
 
 .left_wrap {
-  width: 244px;
-  min-height: 700px;
+  width: 338px;
+  height: 100%;
   float: left;
   &.active{
     position: fixed;
@@ -199,7 +200,7 @@ if (process.client) {
   }
 
   .nch_sidebar_article_class {
-    width: 244px;
+    width: 100%;
     padding: 12px 0 19px;
     overflow: hidden;
     text-overflow: ellipsis;
@@ -275,13 +276,15 @@ if (process.client) {
         }
 
         .help_name {
-          width: 200px;
+          width: 100%;
+          padding-right: 5px;
           color: #333333;
           font-size: 13px;
           overflow: hidden;
           text-overflow: ellipsis;
           display: -webkit-box;
           -webkit-line-clamp: 2;
+          -webkit-box-orient: vertical;
           word-break: break-all;
           overflow: hidden;
         }
@@ -301,7 +304,7 @@ if (process.client) {
       .help_time {
         color: #999999;
         font-size: 12px;
-        padding-left: 20px;
+        padding-left: 15px;
       }
     }
   }

xinkeaboard-web/components/articleRight.vue

@@ -84,10 +84,12 @@ watchEffect(() => {
 @import "@/assets/style/vendors.css";
 
 .right_wrap {
+  flex: 1;
+  width: 100%;
+  overflow: auto;
+  height: 100%;
   background: #fff;
-    margin-left: 15px;
-    width: calc(100% - 259px);
-    float: right;
+  // padding: 0 50px;
 
   .nch_article_con {
     display: block;

xinkeaboard-web/pages/article.vue

@@ -138,7 +138,7 @@ watchEffect(() => {
 }
 
 .headPath {
-  width: 1200px;
+  width: 1440px;
   margin: 0 auto;
 }
 
@@ -155,13 +155,15 @@ watchEffect(() => {
 }
 
 .nav {
-  // display: flex;
-  width: 1200px;
+  display: flex;
+  width: 1440px;
   margin: 0 auto;
 
   .article_container {
+    width: 100%;
+    height: 706px;
     position: relative;
-    display: block;
+    display: flex;
     overflow: hidden;
   }
 }