diff --git a/package-lock.json b/package-lock.json index d5aac99..76dd55f 100644 --- a/package-lock.json +++ b/package-lock.json @@ -15,6 +15,7 @@ "element-plus": "^2.6.1", "hls.js": "^1.6.15", "nprogress": "^0.2.0", + "odometer": "^0.4.8", "pinia": "^2.1.7", "three": "^0.183.2", "v3-scroll": "^1.0.4", @@ -2037,6 +2038,12 @@ "integrity": "sha512-I19aIingLgR1fmhftnbWWO3dXc0hSxqHQHQb3H8m+K3TnEn/iSeTZZOyvKXWqQESMwuUVnatlCnZdLBZZt2VSA==", "license": "MIT" }, + "node_modules/odometer": { + "version": "0.4.8", + "resolved": "https://registry.npmjs.org/odometer/-/odometer-0.4.8.tgz", + "integrity": "sha512-bfKuAhWE/qMCiX9bwX90c5bTpt7MDVeq1e6YsOHQrYokNhv9jhS5JbR9kg6i+FeWmDgalf3VUtwNx1aVaZ8cgg==", + "license": "MIT" + }, "node_modules/picocolors": { "version": "1.1.1", "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-1.1.1.tgz", diff --git a/package.json b/package.json index 7d743ee..40b878d 100644 --- a/package.json +++ b/package.json @@ -15,6 +15,7 @@ "element-plus": "^2.6.1", "hls.js": "^1.6.15", "nprogress": "^0.2.0", + "odometer": "^0.4.8", "pinia": "^2.1.7", "three": "^0.183.2", "v3-scroll": "^1.0.4", diff --git a/public/imgs/traffic/1-item.png b/public/imgs/traffic/1-item.png new file mode 100644 index 0000000..f6bfcc6 Binary files /dev/null and b/public/imgs/traffic/1-item.png differ diff --git a/public/imgs/traffic/3-item.png b/public/imgs/traffic/3-item.png new file mode 100644 index 0000000..3ae8ef0 Binary files /dev/null and b/public/imgs/traffic/3-item.png differ diff --git a/public/imgs/traffic/8-item.png b/public/imgs/traffic/8-item.png new file mode 100644 index 0000000..eb9d1f9 Binary files /dev/null and b/public/imgs/traffic/8-item.png differ diff --git a/public/imgs/traffic/8-item1.png b/public/imgs/traffic/8-item1.png new file mode 100644 index 0000000..162a612 Binary files /dev/null and b/public/imgs/traffic/8-item1.png differ diff --git a/public/imgs/traffic/image1.png b/public/imgs/traffic/image1.png new file mode 100644 index 0000000..d20d826 Binary files /dev/null and b/public/imgs/traffic/image1.png differ diff --git a/public/imgs/traffic/image2.png b/public/imgs/traffic/image2.png new file mode 100644 index 0000000..e864531 Binary files /dev/null and b/public/imgs/traffic/image2.png differ diff --git a/public/imgs/traffic/image3.png b/public/imgs/traffic/image3.png new file mode 100644 index 0000000..3fcc6cd Binary files /dev/null and b/public/imgs/traffic/image3.png differ diff --git a/public/imgs/traffic/image4.png b/public/imgs/traffic/image4.png new file mode 100644 index 0000000..d20d826 Binary files /dev/null and b/public/imgs/traffic/image4.png differ diff --git a/src/views/traffic/components/StationTimeFilter.vue b/src/views/traffic/components/StationTimeFilter.vue index a37edeb..12572fb 100644 --- a/src/views/traffic/components/StationTimeFilter.vue +++ b/src/views/traffic/components/StationTimeFilter.vue @@ -168,7 +168,7 @@ watch(stationOptions, options => { :deep(.el-input__wrapper) { box-sizing: border-box; - border: 0; + border: none !important; box-shadow: none; background: transparent !important; diff --git a/src/views/traffic/components/Traffic1.vue b/src/views/traffic/components/Traffic1.vue index 1e6a6dd..8e218e1 100644 --- a/src/views/traffic/components/Traffic1.vue +++ b/src/views/traffic/components/Traffic1.vue @@ -1,7 +1,29 @@ + + diff --git a/src/views/traffic/components/Traffic2.vue b/src/views/traffic/components/Traffic2.vue index e4079ad..309e9ab 100644 --- a/src/views/traffic/components/Traffic2.vue +++ b/src/views/traffic/components/Traffic2.vue @@ -1,162 +1,26 @@ - diff --git a/src/views/traffic/components/Traffic3.vue b/src/views/traffic/components/Traffic3.vue index d5674dd..c8a1c20 100644 --- a/src/views/traffic/components/Traffic3.vue +++ b/src/views/traffic/components/Traffic3.vue @@ -1,15 +1,453 @@ - diff --git a/src/views/traffic/components/Traffic4.vue b/src/views/traffic/components/Traffic4.vue index a2457b2..edc0f89 100644 --- a/src/views/traffic/components/Traffic4.vue +++ b/src/views/traffic/components/Traffic4.vue @@ -159,8 +159,8 @@ const chartOption = computed(() => ({ symbol: pointGlowSymbol, symbolSize: [47, 109], symbolOffset: [4, 0], - symbolKeepAspect: true, - silent: true, + symbolKeepAspect: false, + silent: false, z: 4, tooltip: { show: false diff --git a/src/views/traffic/components/Traffic5.vue b/src/views/traffic/components/Traffic5.vue index b3f3e2c..562ff7a 100644 --- a/src/views/traffic/components/Traffic5.vue +++ b/src/views/traffic/components/Traffic5.vue @@ -167,12 +167,13 @@ const summaryCards = ref([ .rank-no { min-width: 74px; font-size: 26px; - font-style: italic; - font-weight: 900; - line-height: 1; + + font-family: YouSheBiaoTiHei; + font-size: 20px; + font-weight: normal; + letter-spacing: 1px; text-transform: uppercase; - text-shadow: 0 0 12px rgba(0, 210, 255, 0.15); @each $rank, $color in $rank-colors { &--#{$rank} { diff --git a/src/views/traffic/components/Traffic6.vue b/src/views/traffic/components/Traffic6.vue index 06335eb..54e86e6 100644 --- a/src/views/traffic/components/Traffic6.vue +++ b/src/views/traffic/components/Traffic6.vue @@ -1,7 +1,21 @@ + + diff --git a/src/views/traffic/components/Traffic8.vue b/src/views/traffic/components/Traffic8.vue index caa28e3..54d9f44 100644 --- a/src/views/traffic/components/Traffic8.vue +++ b/src/views/traffic/components/Traffic8.vue @@ -1,7 +1,162 @@ -