组件样式调整

src/components/cme/basic-info.vue

@@ -42,6 +42,7 @@ export default {
     }
     .content {
         margin-top:  px2rem(16px);
+        line-height: px2rem(14px);
         span {
             display: inline-block;
             font-size: px2rem(14px);

src/components/cme/cme-step.vue

@@ -59,7 +59,8 @@ export default {
     .step-item {
         flex-grow: 1;
         text-align: center;
-        padding-top: px2rem(30px);
+        padding-top: px2rem(20px);
+        line-height: px2rem(20px);
         span {
             display: inline-block;
             width: px2rem(20px);

src/components/cme/item-intro.vue

@@ -61,16 +61,19 @@ export default {
         margin-top:  px2rem(16px);
         .text {
             font-size: px2rem(14px);
+            line-height: px2rem(21px);
             color: #676869;
         }
         .desc {
             position: absolute;
             right: 0;
-            bottom: 0;
+            bottom: px2rem(1px);
             background: #fff;
+            line-height: px2rem(14px);
             z-index: 99;
             span {
-                 font-size: px2rem(14px);
+                font-size: px2rem(14px);
+                line-height: px2rem(14px);
                 color: #449284;
             }
             img {

src/components/cme/item-leader.vue

@@ -78,6 +78,7 @@ export default {
         }
         .leader-text {
             margin-left: px2rem(16px);
+            line-height: px2rem(14px);
             span {
                 font-size: px2rem(16px);
                 color: #676869;
@@ -99,13 +100,15 @@ export default {
         margin-top: px2rem(16px);
         .text {
             font-size: px2rem(14px);
+            line-height: px2rem(21px);
             color: #676869;
         }
         .desc {
             position: absolute;
             right: 0;
-            bottom: 0;
+            bottom: px2rem(1px);
             background: #fff;
+            line-height: px2rem(14px);
             z-index: 99;
             span {
                 font-size: px2rem(14px);

src/components/cme/learn-know.vue

@@ -24,6 +24,7 @@ export default {
     }
     .content {
         margin-top:  px2rem(16px);
+        line-height: px2rem(21px);
         span {
             display: inline-block;
             font-size: px2rem(14px);

src/components/cme/teacter-intro.vue

@@ -60,6 +60,7 @@ export default {
         }
         .leader-text {
             margin-left: px2rem(16px);
+            line-height: px2rem(16px);
             span {
                 font-size: px2rem(16px);
                 color: #676869;

src/views/merge-detail.vue

@@ -2,6 +2,7 @@
   <!-- 组件详情页面：模块列表及其下面的元件列表 -->
   <div class="page-container-merge">
     <CommonNavbar
+      id="header"
       :bgColor="bgColor"
       v-show="isShowNavbar"
       :isBlack="isBlack"
@@ -40,8 +41,6 @@
         </div>
         <CommonSpliteLine></CommonSpliteLine>
         <div id="catalogue-content" class="catalogue-content">
-          <div class="catalogue-title">目录</div>
-          <div class="catalogue-title">目录</div>
           <div class="catalogue-title">目录</div>
           <CellListDetail  
           v-if="visibleFlag == 1" 
@@ -116,27 +115,16 @@ export default {
       attachmentUrl: require("../images/banner-default.png"),
       bgColor: "none",
       navTitle: "项目详情",
-      compTitle: "组件名称",
+      // compTitle: "组件名称",
       isShowNavbar: true,
       isFixNavbar: true,
       pointStyle: "activity",
       descTitle: "规定从何处开始选取。如果是负数",
-      description:
-        "必需。规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置那么它规定从数组尾部开始算起的位置那么它规定从数组尾部开始算起的位置那么它规定从数组尾部开始算起的位置。也就是说那么它规定从数组尾部开始算起的位置。也就是说那么它规定从数组尾部开始算起的位置。也就是说那么它规定从数组尾部开始算起的位置。也就是说那么它规定从数组尾部开始算起的位置。" +
-        " 也就是说那么它规定从数组尾部开始算起的位置。也就是说，必需。规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。也就是说，必需。规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。也就是说，必需。规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。也就是说，必需。规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。也就是说，必需。规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。也就是说，-1 指最后一个元素，-2 指倒数第二个元素，以此类推第二个元素。",
       projectComponentDTOS: [],
       actionList: [],
       detailNum: 0,
       visibleFlag: 0,
       courseRequire: 0,
-      noticeData: {
-        noticeContent: '',
-        noticeId: '',
-        noticeTitle: '',
-        readFlag: 1       // 已读标识：1已读 2未读
-      },
-      isShowNotice: false,
-      isShowNoticeItem: false,
       clientType: 0
     };
   },
@@ -212,7 +200,8 @@ export default {
       this.tabFlag = true;
       this.fixedFlag = true;
       const intro = document.getElementById('intro-content');
-      const h = intro.offsetTop - 120;
+      const title = document.getElementById('content-title');
+      const h = intro.offsetTop - 70;
       window.scrollTo(0, h);
       this.isBlack = true;
       this.bgColor = "#fff";
@@ -462,11 +451,12 @@ export default {
   .intro-catalogue-container {
     .title {
       height: px2rem(50px);
-      line-height: px2rem(50px);
+      line-height: px2rem(30px);
       padding: 0 px2rem(15px);
       border-bottom: 1px solid #F0F1F2;
       span {
         display: inline-block;
+        line-height: px2rem(15px);
         font-size: px2rem(15px);
         color: #979899;
         padding-right: px2rem(35px);
@@ -478,12 +468,13 @@ export default {
       span.focus:after {
         content: "";
         position: absolute;
+        left: px2rem(7px);
+        bottom: px2rem(-10px);
         background: #449284;
         border: 1px solid #449284;
-        bottom: px2rem(6px);
         width: px2rem(10px);
         height: px2rem(2px);
-        left: px2rem(7px);
+        
       }
     }
     .title.fixed-title {