样式调整

src/view/memberGroup/memberGroupDetail.vue

@@ -5,9 +5,9 @@
       <div class="right-box">
         <div class="memberGroupDetail-wrap__head">
           <p class="m-b-20"><span class="group-name">{{groupName}}</span><span class="font-10 real-time inline-block m-l-8">{{!!groupIsRealTime ? '实时':'非实时'}}</span></p>
-          <div>
-            <span>筛选标签</span>
-            <div class="inline-block tag-cell-wrap">
+          <div class="flex">
+            <span class="tag-selected-title">筛选标签</span>
+            <div class="inline-block tag-cell-wrap flex-1">
               <template v-for="(item,index) in selectedTagData">
                 <span v-if="index != 0" class="p-lr-18" :key="index">并且</span>
                 <span class="tag-cell inline-block border-box color-606266" :key="index+item.tagValueId">
@@ -598,6 +598,11 @@
   font-size: 14px;
   border-bottom: 1px solid #EBEEF5;
   padding-bottom: 24px;
+  .tag-selected-title {
+    display: inline-block;
+    width: 60px;
+    padding-top: 10px;
+  }
   .group-name {
     font-weight: bold;
   }
@@ -609,7 +614,6 @@
   }
 
   .tag-cell-wrap {
-    width: calc(100% - 60px);
     white-space: pre-wrap;
     word-break: break-word;
   }