2897 【积分】个人中心-算力积分页面获取明细、消耗明细的分隔线样式不一致

web_src/vuepages/pages/reward/point/vp-point.vue

@@ -16,11 +16,11 @@
         </div>
       </div>
       <div class="__r_p_summary">
-        <div class="__r_p_summary_item-c __flex-1">
+        <div class="__r_p_summary_item-c __flex-1" style="position:relative;">
           <div class="__val">{{ summaryInfo.available }}</div>
           <div class="__exp">{{ $t('CurrAvailableCalcPoints') }}</div>
-        </div>
-        <div class="__r_p_summary_line"></div>
+          <div class="__r_p_summary_line"></div>
+        </div>        
         <div class="__r_p_summary_item-c __flex-1">
           <div class="__val">{{ summaryInfo.gain }}</div>
           <div class="__exp">{{ $t('totalGainCalcPoints') }}</div>
@@ -28,7 +28,7 @@
         <div class="__r_p_summary_item-c __flex-1">
           <div class="__val">{{ summaryInfo.used }}</div>
           <div class="__exp">{{ $t('totalConsumeCalcPoints') }}</div>
-        </div>
+        </div>        
       </div>
       <div class="__r_p_tab">
         <div class="__r_p_tab-item" :class="tabIndex === 0 ? '__focus' : ''" style="border-radius: 5px 0px 0px 5px"
@@ -267,9 +267,12 @@ export default {
 }
 
 .__r_p_summary_line {
+  position: absolute;
+  top: 0;
+  right: 1px;
   width: 1px;
-  height: 80%;
-  background-color: rgb(212, 212, 213);
+  height: 100%;
+  border-right: 1px solid rgb(212, 212, 213);
 }
 
 .__r_p_tab {