openatc-components 0.1.83 → 0.1.85

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/package/kisscomps/components/Channelization/Channelization.vue +23 -12
  2. package/package/kisscomps/components/ChannelizationFlowStatistic/ChannelizationFlowStatistic.vue +23 -12
  3. package/package/kisscomps/components/IntersectionMap/intersectionmap.vue +4 -2
  4. package/package/kissui.min.js +1 -1
  5. package/package.json +1 -1
  6. package/src/kisscomps/components/Channelization/Channelization.vue +23 -12
  7. package/src/kisscomps/components/ChannelizationFlowStatistic/ChannelizationFlowStatistic.vue +23 -12
  8. package/src/kisscomps/components/IntersectionMap/intersectionmap.vue +4 -2
  9. package/static/styles/intersection.scss +10 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "openatc-components",
3
- "version": "0.1.83",
3
+ "version": "0.1.85",
4
4
  "description": "A Vue.js project",
5
5
  "author": "openatc developer",
6
6
  "private": false,
package/src/kisscomps/components/Channelization/Channelization.vue CHANGED
@@ -15,8 +15,10 @@
15
15
  'widescreenCrossImg': bodyDomWidth > 1680,
16
16
  'superlargeCrossImg': bodyDomWidth <= 1680 && bodyDomWidth > 1440,
17
17
  'largeCrossImg': bodyDomWidth <= 1440 && bodyDomWidth > 1280,
18
- 'middleCrossImg': bodyDomWidth <= 1280 && bodyDomWidth > 960,
19
- 'smallCrossImg': bodyDomWidth <= 960 && bodyDomWidth > 720,
18
+ 'middleCrossImg': bodyDomWidth <= 1280 && bodyDomWidth > 1100,
19
+ 'middleCrossImg2': bodyDomWidth <= 1100 && bodyDomWidth > 960,
20
+ 'smallCrossImg': bodyDomWidth <= 960 && bodyDomWidth > 890,
21
+ 'smallCrossImg2': bodyDomWidth <= 890 && bodyDomWidth > 720,
20
22
  'miniCrossImg': bodyDomWidth <= 720 && bodyDomWidth > 650,
21
23
  'superminiCrossImg': bodyDomWidth <= 650 && bodyDomWidth > 450,
22
24
  'transMiddleCrossImg': bodyDomWidth <= 450 && bodyDomWidth > 350,
@@ -493,27 +495,36 @@ export default {
493
495
  </script>
494
496
 
495
497
  <style lang="css" rel="stylesheet/scss">
496
- .show-channelization {
497
- position: relative;
498
- }
498
+ .show-channelization {
499
+ position: relative;
500
+ overflow: hidden;
501
+ }
502
+ .widescreenCrossImg {
503
+ zoom: 1.3;
504
+ }
499
505
  .superlargeCrossImg {
500
- zoom: 1;
506
+ zoom: 1.3;
501
507
  }
502
508
  .largeCrossImg {
503
- zoom: 0.9;
504
-
509
+ zoom: 1.2;
505
510
  }
506
511
  .middleCrossImg {
507
- zoom: 0.8;
512
+ zoom: 1.1;
513
+ }
514
+ .middleCrossImg2 {
515
+ zoom: 1;
508
516
  }
509
517
  .smallCrossImg {
510
- zoom: 0.65;
518
+ zoom: 0.9;
519
+ }
520
+ .smallCrossImg2 {
521
+ zoom: 0.8;
511
522
  }
512
523
  .miniCrossImg {
513
- zoom: 0.5;
524
+ zoom: 0.7;
514
525
  }
515
526
  .superminiCrossImg {
516
- zoom: 0.45;
527
+ zoom: 0.6;
517
528
  }
518
529
  .minimumCrossImg {
519
530
  zoom: 0.35;
package/src/kisscomps/components/ChannelizationFlowStatistic/ChannelizationFlowStatistic.vue CHANGED
@@ -15,8 +15,10 @@
15
15
  'widescreenCrossImg': bodyDomWidth > 1680,
16
16
  'superlargeCrossImg': bodyDomWidth <= 1680 && bodyDomWidth > 1440,
17
17
  'largeCrossImg': bodyDomWidth <= 1440 && bodyDomWidth > 1280,
18
- 'middleCrossImg': bodyDomWidth <= 1280 && bodyDomWidth > 960,
19
- 'smallCrossImg': bodyDomWidth <= 960 && bodyDomWidth > 720,
18
+ 'middleCrossImg': bodyDomWidth <= 1280 && bodyDomWidth > 1100,
19
+ 'middleCrossImg2': bodyDomWidth <= 1100 && bodyDomWidth > 960,
20
+ 'smallCrossImg': bodyDomWidth <= 960 && bodyDomWidth > 890,
21
+ 'smallCrossImg2': bodyDomWidth <= 890 && bodyDomWidth > 720,
20
22
  'miniCrossImg': bodyDomWidth <= 720 && bodyDomWidth > 650,
21
23
  'superminiCrossImg': bodyDomWidth <= 650 && bodyDomWidth > 450,
22
24
  'transMiddleCrossImg': bodyDomWidth <= 450 && bodyDomWidth > 350,
@@ -298,27 +300,36 @@ export default {
298
300
  </script>
299
301
 
300
302
  <style lang="css" rel="stylesheet/scss">
301
- .show-channelization {
302
- position: relative;
303
- }
303
+ .show-channelization {
304
+ position: relative;
305
+ overflow: hidden;
306
+ }
307
+ .widescreenCrossImg {
308
+ zoom: 1.3;
309
+ }
304
310
  .superlargeCrossImg {
305
- zoom: 1;
311
+ zoom: 1.3;
306
312
  }
307
313
  .largeCrossImg {
308
- zoom: 0.9;
309
-
314
+ zoom: 1.2;
310
315
  }
311
316
  .middleCrossImg {
312
- zoom: 0.8;
317
+ zoom: 1.1;
318
+ }
319
+ .middleCrossImg2 {
320
+ zoom: 1;
313
321
  }
314
322
  .smallCrossImg {
315
- zoom: 0.65;
323
+ zoom: 0.9;
324
+ }
325
+ .smallCrossImg2 {
326
+ zoom: 0.8;
316
327
  }
317
328
  .miniCrossImg {
318
- zoom: 0.5;
329
+ zoom: 0.7;
319
330
  }
320
331
  .superminiCrossImg {
321
- zoom: 0.45;
332
+ zoom: 0.6;
322
333
  }
323
334
  .minimumCrossImg {
324
335
  zoom: 0.35;
package/src/kisscomps/components/IntersectionMap/intersectionmap.vue CHANGED
@@ -15,8 +15,10 @@
15
15
  'widescreenCrossImg': bodyDomWidth > 1680,
16
16
  'superlargeCrossImg': bodyDomWidth <= 1680 && bodyDomWidth > 1440,
17
17
  'largeCrossImg': bodyDomWidth <= 1440 && bodyDomWidth > 1280,
18
- 'middleCrossImg': bodyDomWidth <= 1280 && bodyDomWidth > 960,
19
- 'smallCrossImg': bodyDomWidth <= 960 && bodyDomWidth > 720,
18
+ 'middleCrossImg': bodyDomWidth <= 1280 && bodyDomWidth > 1100,
19
+ 'middleCrossImg2': bodyDomWidth <= 1100 && bodyDomWidth > 960,
20
+ 'smallCrossImg': bodyDomWidth <= 960 && bodyDomWidth > 890,
21
+ 'smallCrossImg2': bodyDomWidth <= 890 && bodyDomWidth > 720,
20
22
  'miniCrossImg': bodyDomWidth <= 720 && bodyDomWidth > 650,
21
23
  'superminiCrossImg': bodyDomWidth <= 650 && bodyDomWidth > 450,
22
24
  'transMiddleCrossImg': bodyDomWidth <= 450 && bodyDomWidth > 350,
package/static/styles/intersection.scss CHANGED
@@ -93,7 +93,8 @@
93
93
  }
94
94
 
95
95
  .widescreenCrossImg {
96
- zoom: 1.5;
96
+ // 宽屏最大缩放到1.3，否则高度溢出
97
+ zoom: 1.3;
97
98
  }
98
99
  .superlargeCrossImg {
99
100
  // transform: scale(0.9);
@@ -103,16 +104,22 @@
103
104
  zoom: 1.2;
104
105
  }
105
106
  .middleCrossImg {
107
+ zoom: 1.1;
108
+ }
109
+ .middleCrossImg2 {
106
110
  zoom: 1;
107
111
  }
108
112
  .smallCrossImg {
113
+ zoom: 0.9;
114
+ }
115
+ .smallCrossImg2 {
109
116
  zoom: 0.8;
110
117
  }
111
118
  .miniCrossImg {
112
- zoom: 0.6;
119
+ zoom: 0.7;
113
120
  }
114
121
  .superminiCrossImg {
115
- zoom: 0.45;
122
+ zoom: 0.6;
116
123
  }
117
124
  .minimumCrossImg {
118
125
  zoom: 0.35;