文本分析的线

src/views/Textanalysis/index.vue

@@ -233,7 +233,7 @@
                       {{ (difficulty.pinyinDifficulty * 1).toFixed(2) }}
                     </span>
                   </span>
-                  <span class="line"></span>
+                  <span class="line">|</span>
                   <span>{{ base.pinyinCount }} / {{ base.pinyinTextCount }}</span>
                 </div>
                 <div class="twoline"></div>
@@ -244,7 +244,7 @@
                       {{ (difficulty.wordDifficulty * 1).toFixed(2) }}
                     </span>
                   </span>
-                  <span class="line"></span>
+                  <span class="line">|</span>
                   <span>{{ base.wordCount }} / {{ base.wordTextCount }}</span>
                 </div>
                 <div class="twoline"></div>
@@ -255,7 +255,7 @@
                       {{ (difficulty.vocabularyDifficulty * 1).toFixed(2) }}
                     </span>
                   </span>
-                  <span class="line"></span>
+                  <span class="line">|</span>
                   <span>{{ base.vocabularyCount }} / {{ base.vocabularyTextCount }}</span>
                 </div>
               </div>
@@ -2490,7 +2490,10 @@ export default {
             line-height: 22px;
             color: #a5a5a5;
             flex: 1;
-
+            > div {
+              display: flex;
+              align-items: center;
+            }
             .twoline {
               margin: 0 20px;
 
@@ -2503,11 +2506,12 @@ export default {
             //   margin-left: 24px;
             // }
             .line {
-              display: inline-block;
               width: 1px;
-              height: 12px;
               margin: 0 12px;
-              background: #525252;
+              color: #525252;
+              flex-shrink: 0;
+              font-size: 12px;
+              line-height: 1;
             }
           }
           .edit-btn {