Merge branch 'hotfix/fix-sstyles' into 'develop'

修改文章详情的样式



See merge request !138

@@ -22,5 +22,6 @@ export default {
   color: #222;
   padding: 24px 30px;
   font-weight: 500;
+  background-color: #f7f7f7;
 }
 </style>

@@ -62,7 +62,7 @@ export default {
 <style lang="scss" scoped>
 .product-group {
   overflow-y: hidden;
-  margin-bottom: 20px;
+  margin-bottom: 40px;
 
   &:after {
     content: "";

@@ -364,6 +364,10 @@ export default {
       font-size: 36px !important;
     }
 
+    .icon-ke_xuanzhongx {
+      font-size: 36px !important;
+    }
+
     .click-wrap {
       width: 150%;
       height: calc(100% + 30px);
@@ -375,12 +379,16 @@ export default {
 
     .icon-btn-text {
       position: relative;
+      max-width: 50px;
+      white-space: nowrap;
 
       .view-text {
         position: absolute;
         font-weight: bold;
         top: -5px;
         left: -5px;
+        max-width: 56px;
+        overflow: hidden;
       }
 
       .view-text.change {
@@ -390,6 +398,8 @@ export default {
 
       .placeholder-text {
         opacity: 0;
+        max-width: 56px;
+        overflow: hidden;
       }
     }
 

@@ -201,7 +201,7 @@ export default {
 <style lang="scss" scoped>
   .intro-wrap {
     padding: 0 30px;
-    margin-top: 20px;
+    margin-top: 0;
     overflow: hidden;
     transition: height 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
 

@@ -412,7 +412,7 @@ export default {
 
 .article-context {
   padding-top: calc(env(safe-area-inset-top));
-  padding-bottom: 30px;
+  padding-bottom: 0;
 }
 
 .context-title {
@@ -553,7 +553,7 @@ export default {
 
 .topics-wrap {
   padding-left: 30px;
-  margin-bottom: 36px;
+  margin-bottom: 60px;
 }
 
 .rec-goods-title {

@@ -255,7 +255,7 @@ export default {
   color: #222;
   line-height: 56px;
   margin-top: 10px;
-  margin-bottom: 16px;
+  margin-bottom: 20px;
   letter-spacing: 0.68px;
   font-weight: bolder;
   padding: 0 30px;
@@ -283,12 +283,13 @@ export default {
 
 .note-video {
   height: 750px;
+  margin-bottom: 40px;
 }
 
 .rec-article-title {
   padding: 14px 0 4px;
-  border-top: 1px solid #f0f0f0;
-  background-color: #f0f0f0;
+  border-top: 1px solid #f7f7f7;
+  background-color: #f7f7f7;
 }
 
 .product-list-wrapper {