feat: 样式文案优化

apps/bigmember_pc/src/views/article-content/components/ContentHeader.vue

@@ -207,7 +207,6 @@ const InWhichContainer = window.parent !== window ? 'in-app' : 'in-web'
 <style lang="scss" scoped>
 .common-content-header {
   position: relative;
-  width: 980px;
   margin: 0 auto;
   background-color: #fff;
   padding: 32px 40px;

apps/bigmember_pc/src/views/article-content/components/ContentHeaderSkeleton.vue

@@ -61,7 +61,6 @@
 <style lang="scss" scoped>
 .common-content-header-skeleton {
   position: relative;
-  width: 980px;
   margin: 0 auto;
   background-color: #fff;
   padding: 32px 40px;

apps/bigmember_pc/src/views/article-content/pages/Article.vue

@@ -239,12 +239,7 @@ const canShowMask = computed(() => {
 </script>
 <template>
   <ContentLayout :need-ad="true" class="article-page-container">
-    <el-skeleton
-      style="width: 240px"
-      :loading="ContentPageLoading"
-      animated
-      :throttle="500"
-    >
+    <el-skeleton :loading="ContentPageLoading" animated :throttle="500">
       <template slot="template">
         <div class="article-container">
           <content-header-skeleton />
@@ -451,6 +446,24 @@ const canShowMask = computed(() => {
 }
 </style>
 <style lang="scss" scoped>
+.article-page-container {
+  ::v-deep {
+    .content-container {
+      &.calc {
+        .content-main {
+          display: block;
+          width: calc(100% - 200px);
+          margin: 0 auto;
+        }
+      }
+
+      .content-right {
+        width: 200px;
+        margin-left: 16px;
+      }
+    }
+  }
+}
 .article-content-footer-container {
   ::v-deep {
     .adsense {
@@ -493,7 +506,6 @@ const canShowMask = computed(() => {
 }
 
 .article-container {
-  width: 980px;
   margin: 20px;
   margin-top: 0;
 

apps/bigmember_pc/src/views/project/ProjectInfo.vue

@@ -107,7 +107,7 @@
                 }"
               ></span>
               <span class="text">{{
-                projectContent.isfollow ? '已关注' : '关注项目'
+                projectContent.isfollow ? '已监控' : '监控'
               }}</span>
             </div>
             <div
@@ -846,6 +846,9 @@ export default {
 <style lang="scss" scoped>
 .project-info {
   width: 1200px;
+  &.v-w1200 {
+    margin-top: 32px;
+  }
 }
 
 @include diy-icon('ai', 20, 20);