upd: 首页文案修改

src/sites/doc/views/Main.vue

@@ -80,43 +80,52 @@
     </div>
 
     <!-- nutui-cat / nutui-营销 -->
-    <div class="doc-content-cat-marketing">
-      <div class="cat-content">
-        <div class="cat-content-left">
-          <img src="./../../assets/images/cat-back.png" alt="" />
-        </div>
-        <div class="cat-content-right">
-          <div class="cat-content-right-title">
-            <img src="./../../assets/images/cat-title.png" alt="" />
-          </div>
-          <p class="cat-content-right-desc">基于NutUI的大促组件库</p>
-          <div class="cat-content-right-godetail" @click="toDetail"
-            >查看详情</div
-          >
-        </div>
+    <div class="doc-content-catmarketing">
+      <div class="doc-content-hd">
+        <h4 class="doc-content-title">业务组件</h4>
       </div>
-      <div class="marketing-content">
-        <div class="marketing-content-left">
-          <img src="./../../assets/images/marketing-back.png" alt="" />
+      <div class="doc-content-catmarketing-content">
+        <div class="cat-content">
+          <div class="cat-content-left">
+            <img src="./../../assets/images/cat-back.png" alt="" />
+          </div>
+          <div class="cat-content-right">
+            <div class="cat-content-right-title">
+              <img src="./../../assets/images/cat-title.png" alt="" />
+            </div>
+            <p class="cat-content-right-desc">基于 NutUI 的大促组件</p>
+            <div class="cat-content-right-godetail" @click="toDetail"
+              >查看详情</div
+            >
+          </div>
         </div>
-        <div class="marketing-content-right">
-          <div class="marketing-content-right-title">
-            <img src="./../../assets/images/marketing-title.png" alt="" />
+        <div class="marketing-content">
+          <div class="marketing-content-left">
+            <img src="./../../assets/images/marketing-back.png" alt="" />
+          </div>
+          <div class="marketing-content-right">
+            <div class="marketing-content-right-title">
+              <img src="./../../assets/images/marketing-title.png" alt="" />
+            </div>
+            <p class="marketing-content-right-desc">基于 NutUI 的营销组件</p>
+            <div class="marketing-content-right-godetail" @click="goAwait"
+              >敬请期待</div
+            >
           </div>
-          <p class="marketing-content-right-desc">基于NutUI的营销组件库</p>
-          <div class="marketing-content-right-godetail" @click="goAwait"
-            >敬请期待</div
+          <div
+            class="marketing-content-mask"
+            v-if="showAwait"
+            @click="hideAwait"
           >
-        </div>
-        <div class="marketing-content-mask" v-if="showAwait" @click="hideAwait">
-          正在建设中，敬请期待~
+            正在建设中，敬请期待~
+          </div>
         </div>
       </div>
     </div>
 
     <div class="doc-content-cases" v-if="casesImages.length">
       <div class="doc-content-hd">
-        <h4 class="doc-content-title">赋能案例</h4>
+        <h4 class="doc-content-title">应用案例</h4>
       </div>
       <div class="doc-content-cases-content">
         <div class="doc-content-cases-content__main">
@@ -160,7 +169,7 @@
     </div>
     <div class="doc-content-more" v-if="articleList.length">
       <div class="doc-content-hd">
-        <h4 class="doc-content-title"></h4>
+        <h4 class="doc-content-title">学习资源</h4>
         <a class="sub-more" href="#/resource">More</a>
       </div>
       <ul class="more-list">
@@ -426,12 +435,17 @@ export default defineComponent({
       }
     }
   }
-  &-cat-marketing {
+  &-catmarketing {
     width: 1200px;
     margin: 0 auto 90px;
-    display: flex;
+
+    &-content {
+      display: flex;
+    }
+
     .cat-content,
     .marketing-content {
+      display: flex;
       width: 585px;
       height: 270px;
       background: linear-gradient(