diff --git a/build/plugins.ts b/build/plugins.ts index 2cef478..3afb101 100644 --- a/build/plugins.ts +++ b/build/plugins.ts @@ -26,15 +26,17 @@ export const plugins = (mode): PluginOption[] => { inspector: true, // 控制台是否打印 UnoCSS inspector presets: [ presetIcons({ + prefix: '', extraProperties: { display: 'inline-block', 'vertical-align': 'middle', }, }), UnoCssIcons({ - prefix: 'i-', + prefix: '', extraProperties: { display: 'inline-block', + 'vertical-align': 'middle', }, }), ], diff --git a/src/assets/images/bg/bg-layout.png b/src/assets/images/common/bg/bg-layout.png similarity index 100% rename from src/assets/images/bg/bg-layout.png rename to src/assets/images/common/bg/bg-layout.png diff --git a/src/assets/images/bg/bg-main-2.png b/src/assets/images/common/bg/bg-main-2.png similarity index 100% rename from src/assets/images/bg/bg-main-2.png rename to src/assets/images/common/bg/bg-main-2.png diff --git a/src/assets/images/header/bg-layout-header.png b/src/assets/images/common/header/bg-layout-header.png similarity index 100% rename from src/assets/images/header/bg-layout-header.png rename to src/assets/images/common/header/bg-layout-header.png diff --git a/src/assets/images/header/bg-parking-header.png b/src/assets/images/common/header/bg-parking-header.png similarity index 100% rename from src/assets/images/header/bg-parking-header.png rename to src/assets/images/common/header/bg-parking-header.png diff --git a/src/assets/images/icon/icon-1.png b/src/assets/images/common/icon/icon-1.png similarity index 100% rename from src/assets/images/icon/icon-1.png rename to src/assets/images/common/icon/icon-1.png diff --git a/src/assets/images/icon/icon-2.png b/src/assets/images/common/icon/icon-2.png similarity index 100% rename from src/assets/images/icon/icon-2.png rename to src/assets/images/common/icon/icon-2.png diff --git a/src/assets/images/icon/icon-3.png b/src/assets/images/common/icon/icon-3.png similarity index 100% rename from src/assets/images/icon/icon-3.png rename to src/assets/images/common/icon/icon-3.png diff --git a/src/assets/images/icon/icon-home.png b/src/assets/images/common/icon/icon-home.png similarity index 100% rename from src/assets/images/icon/icon-home.png rename to src/assets/images/common/icon/icon-home.png diff --git a/src/assets/images/icon/icon-setting.png b/src/assets/images/common/icon/icon-setting.png similarity index 100% rename from src/assets/images/icon/icon-setting.png rename to src/assets/images/common/icon/icon-setting.png diff --git a/src/assets/images/icon/icon-4.png b/src/assets/images/icon/icon-4.png deleted file mode 100644 index 1873708..0000000 Binary files a/src/assets/images/icon/icon-4.png and /dev/null differ diff --git a/src/assets/images/icon/icon-5.png b/src/assets/images/icon/icon-5.png deleted file mode 100644 index 9b99836..0000000 Binary files a/src/assets/images/icon/icon-5.png and /dev/null differ diff --git a/src/assets/images/icon/icon-6.png b/src/assets/images/icon/icon-6.png deleted file mode 100644 index 72af466..0000000 Binary files a/src/assets/images/icon/icon-6.png and /dev/null differ diff --git a/src/assets/images/icon/icon-7.png b/src/assets/images/icon/icon-7.png deleted file mode 100644 index 1873708..0000000 Binary files a/src/assets/images/icon/icon-7.png and /dev/null differ diff --git a/src/assets/images/bg/bg-count.png b/src/assets/images/manage-forms/bg/bg-count.png similarity index 100% rename from src/assets/images/bg/bg-count.png rename to src/assets/images/manage-forms/bg/bg-count.png diff --git a/src/assets/images/bg/bg-frame-4.png b/src/assets/images/manage-forms/bg/bg-frame-4.png similarity index 100% rename from src/assets/images/bg/bg-frame-4.png rename to src/assets/images/manage-forms/bg/bg-frame-4.png diff --git a/src/assets/images/manage-forms/frame-1.png b/src/assets/images/manage-forms/bg/frame-1.png similarity index 100% rename from src/assets/images/manage-forms/frame-1.png rename to src/assets/images/manage-forms/bg/frame-1.png diff --git a/src/assets/images/arrow/arrow-down.png b/src/assets/images/smart-parking/arrow/arrow-down.png similarity index 100% rename from src/assets/images/arrow/arrow-down.png rename to src/assets/images/smart-parking/arrow/arrow-down.png diff --git a/src/assets/images/arrow/arrow-item.png b/src/assets/images/smart-parking/arrow/arrow-item.png similarity index 100% rename from src/assets/images/arrow/arrow-item.png rename to src/assets/images/smart-parking/arrow/arrow-item.png diff --git a/src/assets/images/arrow/arrow-left.png b/src/assets/images/smart-parking/arrow/arrow-left.png similarity index 100% rename from src/assets/images/arrow/arrow-left.png rename to src/assets/images/smart-parking/arrow/arrow-left.png diff --git a/src/assets/images/arrow/arrow-right.png b/src/assets/images/smart-parking/arrow/arrow-right.png similarity index 100% rename from src/assets/images/arrow/arrow-right.png rename to src/assets/images/smart-parking/arrow/arrow-right.png diff --git a/src/assets/images/arrow/arrow-up.png b/src/assets/images/smart-parking/arrow/arrow-up.png similarity index 100% rename from src/assets/images/arrow/arrow-up.png rename to src/assets/images/smart-parking/arrow/arrow-up.png diff --git a/src/assets/images/bg/bg-frame-2.png b/src/assets/images/smart-parking/bg/bg-frame-2.png similarity index 100% rename from src/assets/images/bg/bg-frame-2.png rename to src/assets/images/smart-parking/bg/bg-frame-2.png diff --git a/src/assets/images/bg/bg-frame-3.png b/src/assets/images/smart-parking/bg/bg-frame-3.png similarity index 100% rename from src/assets/images/bg/bg-frame-3.png rename to src/assets/images/smart-parking/bg/bg-frame-3.png diff --git a/src/assets/images/bg/bg-frame.png b/src/assets/images/smart-parking/bg/bg-frame.png similarity index 100% rename from src/assets/images/bg/bg-frame.png rename to src/assets/images/smart-parking/bg/bg-frame.png diff --git a/src/assets/images/bg/bg-main-1.png b/src/assets/images/smart-parking/bg/bg-main-1.png similarity index 100% rename from src/assets/images/bg/bg-main-1.png rename to src/assets/images/smart-parking/bg/bg-main-1.png diff --git a/src/assets/images/bg/bg-main-center.png b/src/assets/images/smart-parking/bg/bg-main-center.png similarity index 100% rename from src/assets/images/bg/bg-main-center.png rename to src/assets/images/smart-parking/bg/bg-main-center.png diff --git a/src/assets/images/bg/bg-main-title.png b/src/assets/images/smart-parking/bg/bg-main-title.png similarity index 100% rename from src/assets/images/bg/bg-main-title.png rename to src/assets/images/smart-parking/bg/bg-main-title.png diff --git a/src/assets/images/bg/bg-middle.png b/src/assets/images/smart-parking/bg/bg-middle.png similarity index 100% rename from src/assets/images/bg/bg-middle.png rename to src/assets/images/smart-parking/bg/bg-middle.png diff --git a/src/assets/images/bg/bg-road-condition.png b/src/assets/images/smart-parking/bg/bg-road-condition.png similarity index 100% rename from src/assets/images/bg/bg-road-condition.png rename to src/assets/images/smart-parking/bg/bg-road-condition.png diff --git a/src/assets/images/bg/bg-side.png b/src/assets/images/smart-parking/bg/bg-side.png similarity index 100% rename from src/assets/images/bg/bg-side.png rename to src/assets/images/smart-parking/bg/bg-side.png diff --git a/src/assets/images/bg/bg-suggest.png b/src/assets/images/smart-parking/bg/bg-suggest.png similarity index 100% rename from src/assets/images/bg/bg-suggest.png rename to src/assets/images/smart-parking/bg/bg-suggest.png diff --git a/src/assets/images/car/car-1.png b/src/assets/images/smart-parking/car/car-1.png similarity index 100% rename from src/assets/images/car/car-1.png rename to src/assets/images/smart-parking/car/car-1.png diff --git a/src/assets/images/car/car-2.png b/src/assets/images/smart-parking/car/car-2.png similarity index 100% rename from src/assets/images/car/car-2.png rename to src/assets/images/smart-parking/car/car-2.png diff --git a/src/assets/images/car/car-39.png b/src/assets/images/smart-parking/car/car-39.png similarity index 100% rename from src/assets/images/car/car-39.png rename to src/assets/images/smart-parking/car/car-39.png diff --git a/src/assets/images/bg/bg-particle.png b/src/assets/images/welcome/bg/bg-particle.png similarity index 100% rename from src/assets/images/bg/bg-particle.png rename to src/assets/images/welcome/bg/bg-particle.png diff --git a/src/assets/images/icon/smart/car.png b/src/assets/images/welcome/icon/center/car.png similarity index 100% rename from src/assets/images/icon/smart/car.png rename to src/assets/images/welcome/icon/center/car.png diff --git a/src/assets/images/icon/smart/clean-city.png b/src/assets/images/welcome/icon/center/clean-city.png similarity index 100% rename from src/assets/images/icon/smart/clean-city.png rename to src/assets/images/welcome/icon/center/clean-city.png diff --git a/src/assets/images/icon/smart/distribution.png b/src/assets/images/welcome/icon/center/distribution.png similarity index 100% rename from src/assets/images/icon/smart/distribution.png rename to src/assets/images/welcome/icon/center/distribution.png diff --git a/src/assets/images/icon/smart/lamp.png b/src/assets/images/welcome/icon/center/lamp.png similarity index 100% rename from src/assets/images/icon/smart/lamp.png rename to src/assets/images/welcome/icon/center/lamp.png diff --git a/src/assets/images/icon/smart/muck.png b/src/assets/images/welcome/icon/center/muck.png similarity index 100% rename from src/assets/images/icon/smart/muck.png rename to src/assets/images/welcome/icon/center/muck.png diff --git a/src/assets/images/icon/welcome.png b/src/assets/images/welcome/icon/welcome.png similarity index 100% rename from src/assets/images/icon/welcome.png rename to src/assets/images/welcome/icon/welcome.png diff --git a/src/assets/styles/views/src/manage-forms.scss b/src/assets/styles/views/src/manage-forms.scss index c9ed00c..7ffacc8 100644 --- a/src/assets/styles/views/src/manage-forms.scss +++ b/src/assets/styles/views/src/manage-forms.scss @@ -19,7 +19,7 @@ height: 42px; font-size: 22px; color: #fff; - background: url('@/assets/images/bg/bg-frame-4.png') no-repeat; + background: url('@/assets/images/manage-forms/bg/bg-frame-4.png') no-repeat; background-size: cover; } diff --git a/src/components/CommonHeader/CommonHeader.vue b/src/components/CommonHeader/CommonHeader.vue index 6e90458..dd0b686 100644 --- a/src/components/CommonHeader/CommonHeader.vue +++ b/src/components/CommonHeader/CommonHeader.vue @@ -34,10 +34,10 @@ onMounted(() => { - + @@ -48,7 +48,7 @@ onMounted(() => { header { position: relative; height: 108px; - background: url('@/assets/images/header/bg-parking-header.png') no-repeat center; + background: url('@/assets/images/common/header/bg-parking-header.png') no-repeat center; background-size: cover; } diff --git a/src/components/CommonHeader/HeaderBarOp.vue b/src/components/CommonHeader/HeaderBarOp.vue index 519bca8..5ec45e1 100644 --- a/src/components/CommonHeader/HeaderBarOp.vue +++ b/src/components/CommonHeader/HeaderBarOp.vue @@ -3,9 +3,9 @@ - - - + + + 王菠萝 diff --git a/src/components/CommonHeader/LayoutHeader.vue b/src/components/CommonHeader/LayoutHeader.vue index 3fee0ff..e5dbde4 100644 --- a/src/components/CommonHeader/LayoutHeader.vue +++ b/src/components/CommonHeader/LayoutHeader.vue @@ -20,7 +20,7 @@ const route = useRoute(); .title { width: 100%; height: 108px; - background: url('@/assets/images/header/bg-layout-header.png') no-repeat center; + background: url('@/assets/images/common/header/bg-layout-header.png') no-repeat center; background-size: cover; h1 { diff --git a/src/layout/index.vue b/src/layout/index.vue index f9b243a..f3e140c 100644 --- a/src/layout/index.vue +++ b/src/layout/index.vue @@ -24,7 +24,7 @@ const route = useRoute(); position: relative; width: 100%; height: 100%; - background: url('@/assets/images/bg/bg-layout.png') no-repeat center; + background: url('@/assets/images/common/bg/bg-layout.png') no-repeat center; background-size: cover; } diff --git a/src/views/manage-forms/components/manage-left/index.vue b/src/views/manage-forms/components/manage-left/index.vue index df8f8e0..c3e1f12 100644 --- a/src/views/manage-forms/components/manage-left/index.vue +++ b/src/views/manage-forms/components/manage-left/index.vue @@ -125,7 +125,7 @@ const displayContent = () => { margin: 0 3.5px; width: 49px; height: 69px; - background: url('@/assets/images/bg/bg-count.png') no-repeat; + background: url('@/assets/images/manage-forms/bg/bg-count.png') no-repeat; background-size: cover; } } @@ -164,7 +164,7 @@ const displayContent = () => { margin: 15px 0 0 0; width: 242px; height: 124px; - background: url('@/assets/images/manage-forms/frame-1.png') no-repeat center; + background: url('@/assets/images/manage-forms/bg/frame-1.png') no-repeat center; background-size: cover; h1 { diff --git a/src/views/smart-parking/components/parking-content/index.vue b/src/views/smart-parking/components/parking-content/index.vue index d77191f..90abb8d 100644 --- a/src/views/smart-parking/components/parking-content/index.vue +++ b/src/views/smart-parking/components/parking-content/index.vue @@ -16,7 +16,7 @@ import TruckMonitor from '@/views/smart-parking/components/parking-content/truck .card-container { width: 380px; height: 650px; - background: url('@/assets/images/bg/bg-side.png') no-repeat center; + background: url('@/assets/images/smart-parking/bg/bg-side.png') no-repeat center; background-size: cover; transition: transform 0.8s; transform-style: preserve-3d; @@ -24,7 +24,7 @@ import TruckMonitor from '@/views/smart-parking/components/parking-content/truck ::v-deep(.road-condition) { width: 218px; height: 59px; - background: url('@/assets/images/bg/bg-road-condition.png') no-repeat center; + background: url('@/assets/images/smart-parking/bg/bg-road-condition.png') no-repeat center; background-size: cover; h1 { diff --git a/src/views/smart-parking/components/parking-content/road-condition.vue b/src/views/smart-parking/components/parking-content/road-condition.vue index 26f64c5..3a8003c 100644 --- a/src/views/smart-parking/components/parking-content/road-condition.vue +++ b/src/views/smart-parking/components/parking-content/road-condition.vue @@ -11,22 +11,22 @@ - + 入卡口(西北门) 畅通 - + 入卡口(东北门) 畅通 - + 入卡口(东北门) 拥堵 - + 入卡口(东南门) 畅通 @@ -54,7 +54,7 @@ width: 330px; height: 61px; margin: 0 0 9px 0; - background: url('@/assets/images/bg/bg-frame.png') no-repeat center; + background: url('@/assets/images/smart-parking/bg/bg-frame.png') no-repeat center; background-size: cover; img { @@ -72,7 +72,7 @@ width: 330px; height: 157px; font-size: 14px; - background: url('@/assets/images/bg/bg-suggest.png') no-repeat center; + background: url('@/assets/images/smart-parking/bg/bg-suggest.png') no-repeat center; background-size: cover; } } diff --git a/src/views/smart-parking/components/parking-content/traffic-overview.vue b/src/views/smart-parking/components/parking-content/traffic-overview.vue index 1f27b9f..fc5cd50 100644 --- a/src/views/smart-parking/components/parking-content/traffic-overview.vue +++ b/src/views/smart-parking/components/parking-content/traffic-overview.vue @@ -49,7 +49,7 @@ onMounted(() => { height: 40px; line-height: 40px; font-size: 16px; - background: url('@/assets/images/bg/bg-frame-2.png') no-repeat center; + background: url('@/assets/images/smart-parking/bg/bg-frame-2.png') no-repeat center; background-size: cover; } @@ -58,7 +58,7 @@ onMounted(() => { height: 66px; line-height: 66px; font-size: 34px; - background: url('@/assets/images/bg/bg-frame-3.png') no-repeat center; + background: url('@/assets/images/smart-parking/bg/bg-frame-3.png') no-repeat center; background-size: cover; } } diff --git a/src/views/smart-parking/components/parking-content/truck-monitor-center-item.vue b/src/views/smart-parking/components/parking-content/truck-monitor-center-item.vue index 779618f..0cb5aa2 100644 --- a/src/views/smart-parking/components/parking-content/truck-monitor-center-item.vue +++ b/src/views/smart-parking/components/parking-content/truck-monitor-center-item.vue @@ -15,7 +15,7 @@ defineProps({ diff --git a/src/views/smart-parking/components/parking-content/truck-monitor-center-percent.vue b/src/views/smart-parking/components/parking-content/truck-monitor-center-percent.vue index e696efd..e6a29f2 100644 --- a/src/views/smart-parking/components/parking-content/truck-monitor-center-percent.vue +++ b/src/views/smart-parking/components/parking-content/truck-monitor-center-percent.vue @@ -3,8 +3,8 @@ defineProps({ percent: Number, }); -import ArrowDown from '@/assets/images/arrow/arrow-down.png'; -import ArrowUp from '@/assets/images/arrow/arrow-up.png'; +import ArrowDown from '@/assets/images/smart-parking/arrow/arrow-down.png'; +import ArrowUp from '@/assets/images/smart-parking/arrow/arrow-up.png'; const calPercentItem = (percent: number): Element => { return percent > 25 ? ( @@ -35,7 +35,7 @@ const calPercentItem = (percent: number): Element => { position: absolute; width: 86px; height: 86px; - background: url('@/assets/images/bg/bg-main-2.png') no-repeat center; + background: url('@/assets/images/common/bg/bg-main-2.png') no-repeat center; background-size: cover; } diff --git a/src/views/smart-parking/components/parking-content/truck-monitor.vue b/src/views/smart-parking/components/parking-content/truck-monitor.vue index b864713..a2ea50d 100644 --- a/src/views/smart-parking/components/parking-content/truck-monitor.vue +++ b/src/views/smart-parking/components/parking-content/truck-monitor.vue @@ -59,14 +59,14 @@ import TruckMonitorCenterPercent from '@/views/smart-parking/components/parking- .main-center { width: 824px; height: 650px; - background: url('@/assets/images/bg/bg-middle.png') no-repeat center; + background: url('@/assets/images/smart-parking/bg/bg-middle.png') no-repeat center; background-size: cover; } // 中间部分标题 .main-center-title { height: 61px; - background: url('@/assets/images/bg/bg-main-title.png') no-repeat center; + background: url('@/assets/images/smart-parking/bg/bg-main-title.png') no-repeat center; background-size: cover; h1 { @@ -84,7 +84,7 @@ import TruckMonitorCenterPercent from '@/views/smart-parking/components/parking- margin: 28px 0 77px 0; width: 666px; height: 400px; - background: url('@/assets/images/bg/bg-main-1.png') no-repeat center; + background: url('@/assets/images/smart-parking/bg/bg-main-1.png') no-repeat center; background-size: cover; // 中心智能管控 @@ -99,7 +99,7 @@ import TruckMonitorCenterPercent from '@/views/smart-parking/components/parking- .main-inner-middle { width: 100%; height: 100%; - background: url('@/assets/images/bg/bg-main-center.png'); + background: url('@/assets/images/smart-parking/bg/bg-main-center.png'); background-size: cover; font-size: 19px; animation: rotate 30s linear infinite; diff --git a/src/views/smart-parking/components/parking-footer/index.vue b/src/views/smart-parking/components/parking-footer/index.vue index e086ead..0578cc7 100644 --- a/src/views/smart-parking/components/parking-footer/index.vue +++ b/src/views/smart-parking/components/parking-footer/index.vue @@ -4,7 +4,7 @@
入卡口(西北门)
入卡口(东北门)
入卡口(东南门)