浏览代码

1.右侧tab页增加背景底色 2.右侧tab页内标签样式美化

hao lei 1 年之前
父节点
当前提交
135790626b
共有 3 个文件被更改,包括 16 次插入18 次删除
  1. 8 12
      src/components/TabList/index.vue
  2. 8 4
      src/views/ordinaryPage/index.less
  3. 0 2
      src/views/ordinaryPage/index.vue

+ 8 - 12
src/components/TabList/index.vue

@@ -90,7 +90,7 @@
           <div class="bench-left-bottom-btn"></div>
         </div> -->
       </div>
-      <div class="tab-content" :class="tabClass" v-if="activeTab === 2">
+      <div class="tab-content backgroundBox" :class="tabClass" v-if="activeTab === 2">
         <div class="panel-container">
           <div class="list issue-list" v-if="isShowIssueList">
             <div
@@ -169,7 +169,7 @@
         <div class="panel-bottom"></div>
       </div>
       <div
-        class="tab-content task-right-panel"
+        class="tab-content backgroundBox task-right-panel"
         :class="tabClass"
         v-if="activeTab === 1"
       >
@@ -789,20 +789,16 @@ export default {
 
 .tab-content {
   width: 100%;
-  // flex: 1;
-  // min-height: 40vh;
-  // overflow: scroll;
-  // background-image: url(../../images/tab-content.png);
   background-size: 100% 100%;
   padding: 1.75vh 1.51vw;
   border-radius: 2.08vw;
 }
-.short {
-  // height: 40vh;
-}
-.long {
-  height: 50vh;
-}
+// .short {
+//   height: 40vh;
+// }
+// .long {
+//   height: 50vh;
+// }
 .ordinary {
   height: 67.79vh;
 }

+ 8 - 4
src/views/ordinaryPage/index.less

@@ -111,6 +111,7 @@
       border-radius: 20px 20px 20px 20px;
       opacity: 1;
       display: flex;
+      align-items: center;
       .item-text {
         margin-left: 1.2vw;
         .item-title {
@@ -136,6 +137,7 @@
           width: 12vw;
           // width: max-content;
           overflow: auto;
+          flex-wrap: wrap;
           .tag {
             margin-bottom: 0.2vh;
             //width: 3.13vw;
@@ -195,9 +197,9 @@
 }
 }
 
-.task-right-panel {
-  height: 67.79vh;
-}
+// .task-right-panel {
+//   height: 67.79vh;
+// }
 
 .task-list {
   .item-box {
@@ -231,7 +233,8 @@
     .item-tag {
       display: flex;
       margin-top: 0.92vh;
-      .tag {
+          flex-wrap: wrap;
+          .tag {
         margin-bottom: 0.2vh;
         //width: 3.13vw;
         height: 1.96vh;
@@ -253,6 +256,7 @@
   .item-tag {
     display: flex;
     margin-top: 0.92vh;
+    flex-wrap: wrap;
     .tag {
       // width: 3.13vw;
       padding: 0 1vw;

+ 0 - 2
src/views/ordinaryPage/index.vue

@@ -1343,8 +1343,6 @@ export default {
                               <div class="tag">${item.Project}</div>
                               <div class="tag">${item.Carline}</div>
                               <div class="tag">${item.Cluster}</div>
-                          </div>
-                          <div class="item-tag">
                               <div class="tag">${item.MU_SW}</div>
                               <div class="tag">${item.Variant}</div>
                               <div class="tag">${item.ip}</div>