Bladeren bron

1.提示框增加内容分割线

zy 4 maanden geleden
bovenliggende
commit
d058980f7f
1 gewijzigde bestanden met toevoegingen van 6 en 2 verwijderingen
  1. 6 2
      cpp-ui/src/views/largeScreen/components/right-middle.vue

+ 6 - 2
cpp-ui/src/views/largeScreen/components/right-middle.vue

@@ -378,8 +378,12 @@ export default {
       option.tooltip.enterable = true
       option.tooltip.formatter = function (params){
         let str ='<div class="flex-column flex-wrap" style="height: calc(40vh);overflow-y: auto">'
-        for(let param of params){
-          str = str +'<div class="flex justify-between ml-1"><div>'+param.marker+ param.seriesName+'</div><div class="ml-0 mr-0">'+param.value+'</div></div>'
+        for(let i=0;i<params.length;i++){
+          str = str +'<div class="flex justify-between"><div>'+params[i].marker+ params[i].seriesName+'</div><div class="ml-0 mr-0">'+params[i].value+'</div></div>'
+          // 根据写死的高度计算什么时候放置分割线
+          if(i%17 === 0 && i!==0){
+            str = str +'<div class="mr-0" style="width: 1px;height: calc(40vh);border: .5px dashed white;"></div>'
+          }
         }
         str = str +'</div>'
         return str