fix: 文章页面样式冲突解决

src/views/portal/article/Index.vue

@@ -125,7 +125,7 @@
         <div class="ClassBoxContent">
           <img src="../../../assets/images/u_class.png" alt="" class="img" />
           <div class="ContentBox">
-            <div class="left">
+            <div class="leftBox">
               <div class="title">U选小课堂</div>
               <div class="jy">项目简介</div>
               <div class="msg">
@@ -133,7 +133,7 @@
               </div>
               <div class="bottom"></div>
             </div>
-            <div class="right">
+            <div class="rightBox">
               <div class="tyl" @click="tylClick">
                 <div class="tyl_title">
                   <img
@@ -505,11 +505,11 @@ export default {
       position: absolute;
       z-index: 9;
       display: flex;
-      .left,
-      .right {
+      .leftBox,
+      .rightBox {
         height: calc(100% - 30px);
       }
-      .left {
+      .leftBox {
         padding-left: 30px;
         width: 48%;
         .title {
@@ -544,7 +544,7 @@ export default {
           margin-top: 40px;
         }
       }
-      .right {
+      .rightBox {
         // padding-left: 10px;
         width: 50%;
         .tyl {