调整样式等

components/common/common-header-new.vue

@@ -2,16 +2,16 @@
 <template>
   <section :class="isFixNavbar ? 'nav-top-new fixed' : 'nav-top-new'" :style="'height:' + navHeight">
     <div
-      class="nav-part"
+      class="nav-part-new"
       :style="'background:' + bgColor + ';'
       + 'padding-top:' + paddingTop + ';border-bottom:' + borderStyle"
     >
-      <div class="nav-title">
+      <div class="nav-title-new">
         <span class="nav-back" @click="goBack">
           <img v-show="isBlack" src="../../assets/images/left-arrow-black.png" alt="">
           <img v-show="!isBlack" src="../../assets/images/left-arrow-black.png" alt="">
         </span>
-        <span class="nav-title-title" v-show="bgColor!=='none'">{{title}}</span>
+        <span class="nav-title-new-title" v-show="bgColor!=='none'">{{title}}</span>
         <span v-show="isShowShare" class="nav-share" @click="goShare">
           <img
             src="https://pica-pro.oss-cn-shanghai.aliyuncs.com/eagle_plan/courses/Group17_hover%403x.png"
@@ -23,7 +23,7 @@
 </template>
 <script>
 export default {
-  name: "common-navbar",
+  name: "common-navbar-new",
   data() {
     return {
       navbarHeight: 28,
@@ -169,7 +169,7 @@ export default {
     height: 20px;
     width: 20px;
   }
-  .nav-title {
+  .nav-title-new {
     font-size: 18px;
     position: relative;
     top: 10px;
@@ -186,7 +186,7 @@ export default {
       line-height: 26px;
     }
   }
-  .nav-part {
+  .nav-part-new {
     width: 100%;
     font-size: 18px;
     text-align: center;
@@ -194,7 +194,7 @@ export default {
   }
 }
 
-.nav-part {
+.nav-part-new {
   font-size: 18px;
   position: fixed;
   top: 0;