浏览代码

图表详情弹窗改为2:1比例

yujinwen 2 月之前
父节点
当前提交
7815a4e955
共有 3 个文件被更改,包括 13 次插入14 次删除
  1. 1 1
      package.json
  2. 9 8
      pnpm-lock.yaml
  3. 3 5
      src/views/etaChart/components/ChartDetailPop.vue

+ 1 - 1
package.json

@@ -20,7 +20,7 @@
     "moment": "^2.30.1",
     "normalize.css": "^8.0.1",
     "tdesign-icons-vue-next": "^0.2.2",
-    "tdesign-vue-next": "^1.10.4",
+    "tdesign-vue-next": "^1.10.6",
     "vue": "^3.5.13",
     "vue-router": "^4.3.2"
   },

+ 9 - 8
pnpm-lock.yaml

@@ -32,8 +32,8 @@ dependencies:
     specifier: ^0.2.2
     version: 0.2.2(vue@3.5.13)
   tdesign-vue-next:
-    specifier: ^1.10.4
-    version: 1.10.4(vue@3.5.13)
+    specifier: ^1.10.6
+    version: 1.10.6(vue@3.5.13)
   vue:
     specifier: ^3.5.13
     version: 3.5.13
@@ -1008,7 +1008,7 @@ packages:
   /@vueuse/shared@10.11.0(vue@3.5.13):
     resolution: {integrity: sha512-fyNoIXEq3PfX1L3NkNhtVQUSRtqYwJtJg+Bp9rIzculIZWHTkKSysujrOk2J+NrRulLTQH9+3gGSfYLWSEWU1A==}
     dependencies:
-      vue-demi: 0.14.10(vue@3.5.13)
+      vue-demi: 0.14.8(vue@3.5.13)
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
@@ -1178,8 +1178,8 @@ packages:
     resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
     dev: true
 
-  /bare-events@2.5.0:
-    resolution: {integrity: sha512-/E8dDe9dsbLyh2qrZ64PEPadOQ0F4gbl1sUJOrmph7xOiIxfY8vwab/4bFLh4Y88/Hk/ujKcrQKc+ps0mv873A==}
+  /bare-events@2.5.3:
+    resolution: {integrity: sha512-pCO3aoRJ0MBiRMu8B7vUga0qL3L7gO1+SW7ku6qlSsMLwuhaawnuvZDyzJY/kyC63Un0XAB0OPUcfF1eTO/V+Q==}
     requiresBuild: true
     dev: true
     optional: true
@@ -3274,7 +3274,7 @@ packages:
       queue-tick: 1.0.1
       text-decoder: 1.2.2
     optionalDependencies:
-      bare-events: 2.5.0
+      bare-events: 2.5.3
     dev: true
 
   /strict-uri-encode@1.1.0:
@@ -3447,8 +3447,8 @@ packages:
       vue: 3.5.13
     dev: false
 
-  /tdesign-vue-next@1.10.4(vue@3.5.13):
-    resolution: {integrity: sha512-DdRf2WZKNwDVZ3y9+xxJi9XJmYyZjSnkJDDlDsUopPhg3jiUiJEdyUuAkAJIljgda6GZk+scrg8b8Am+kySbrw==}
+  /tdesign-vue-next@1.10.6(vue@3.5.13):
+    resolution: {integrity: sha512-EXMEiWlfH250Th0vZBfesoxozGrsuiV7doF34wmitDZk5KiMMyaXymKLN7832G4F/c9DIRW8DCKjxqqaHABGYA==}
     peerDependencies:
       vue: '>=3.1.0'
     dependencies:
@@ -3806,6 +3806,7 @@ packages:
         optional: true
     dependencies:
       vue: 3.5.13
+    dev: false
 
   /vue-demi@0.14.8(vue@3.5.13):
     resolution: {integrity: sha512-Uuqnk9YE9SsWeReYqK2alDI5YzciATE0r2SkA6iMAtuXvNTMNACJLJEXNXaEy94ECuBe4Sk6RzRU80kjdbIo1Q==}

+ 3 - 5
src/views/etaChart/components/ChartDetailPop.vue

@@ -82,6 +82,7 @@ async function handleCancelCollect(){
   <t-dialog
     v-model:visible="show"
     attach="body"
+    top="60px"
     width="80vw"
     :header="false"
     :footer="false"
@@ -141,10 +142,7 @@ async function handleCancelCollect(){
     display: block;
     position: absolute;
     right: calc(10vw - 70px);
-    top: calc(20vh - 30px);
-  }
-  :global(.chart-detail-pop-wrap .t-dialog__header){
-    display: none;
+    top: 60px;
   }
   :global(.chart-detail-pop-wrap .t-dialog__body){
     padding: 0 !important;
@@ -159,7 +157,7 @@ async function handleCancelCollect(){
     }
   }
   .chart-render-wrap{
-    height: 50vh;
+    height: 40vw;
     padding: 34px 16px;
     display: flex;
     flex-direction: column;