样式修改

back/src/views/modules/abilityStatistics/components/abilityDetails.vue

@@ -53,13 +53,13 @@
             <span class="img"></span>
             <span>{{ item.name }}</span>
           </div>
-          <div
+          <!-- <div
             style="
               display: flex;
               justify-content: space-between;
               align-items: center;
             "
-          ></div>
+          ></div> -->
           <div class="ability" v-for="val in item.list" :key="val.id">
             <div class="box" v-if="item.list.length > 0">
               <div class="right">
@@ -280,7 +280,7 @@ export default {
   }
 }
 </script>
-<style scoped>
+<style lang="scss" scoped>
 .title {
   font-size: 22px;
   color: #000;
@@ -324,7 +324,7 @@ export default {
       font-size: 16px;
 
       span {
-        width: 50px;
+        width: 300px;
       }
     }
   }
@@ -334,7 +334,8 @@ export default {
   .main {
     .item {
       border-top: 1px #eee solid;
-
+      line-height: 30px;
+      margin-bottom: 10px;
       .deptName {
         color: #0058e1;
         font-size: 16px;