Przeglądaj źródła

优化驾驶舱页面1的部分内容

liling 1 dzień temu
rodzic
commit
1069f8ae6f
1 zmienionych plików z 9 dodań i 2 usunięć
  1. 9 2
      src/views/dashboard/global/index.vue

+ 9 - 2
src/views/dashboard/global/index.vue

@@ -18,8 +18,12 @@
             <div style="height: 100%;width: 70%;" ref="worldMap">
             </div> 
             <div style="height: 100%;width: 30%;" ref="topright_echarts"></div>  
-            <div style="position: absolute;width: 100%;left:34%;top: 1%;height: 42px;display: flex;color: #000;font-size: 20px;text-align: center;font-weight: bold;">
-                <span>全球营收</span><span style="font-size: 14px;line-height: 30px;color: #666;margin-left: 30px;">国家数量:{{ datalist.country }}</span><span style="color: #666;font-size: 14px;line-height: 30px;margin-left: 10px;">订单数:{{ datalist.order }}</span>
+            <div style="position: absolute;width: auto;left:37%;top: 1%;height: 42px;display: flex;color: #000;font-size: 20px;text-align: center;font-weight: bold;">
+                <span>全球营收</span>
+            </div> 
+            <div style="position: absolute;width: auto;left:37%;top: 33%;height: 42px;display: grid;color: #000;font-size: 20px;text-align: left;font-weight: bold;">
+                <div style="font-size: 14px;line-height: 30px;color: #666;display: block;">国家数量:{{ datalist.country }}</div>
+                <div style="color: #666;font-size: 14px;line-height: 30px;display: block;">订单数:{{ datalist.order }}</div>
             </div> 
             <div style="position: absolute;width: 100%;left:12%;bottom: 25px;height: 42px;display: flex;color: #1ebe93;">
                 <div style="border-right: 1px solid #d6d6d6;margin-left: 25px;padding-right: 25px;"><div>营收</div><div style="display: flex;font-weight: bold; font-size: 28px;color:#1ebe93">{{ datalist.rev }}<div style="font-size:14px;line-height: 38px;"> 万</div></div></div>
@@ -425,6 +429,9 @@
                 backgroundColor:'#fff',
                 tooltip: {
                     show:true,
+                    borderWidth: 0,   // 关键设置:边框宽度设为0
+                    borderColor: 'transparent', // 可选:确保边框颜色透明
+                    padding: [0, 0], // 内边距
                     trigger: 'item', // 触发类型,默认数据项触发,会自动提示对应的数据信息
                     formatter: function (params) {
                         //if(params.seriesType!="effectScatter") return false;