bdzl2/bxztApp
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(cockpit): 将 SCSS 导入更新为在组件中使用 @use 语法

Browse Source 
将 cockpit Vue 组件中的所有 @import 替换为 @use '@/styles/mixins.scss' as *;，以改进 Sass 模块处理。
This commit is contained in:
Zzc 2025-11-06 14:39:30 +08:00
parent 090979fb07
commit ea1aed3d52
7 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/screen/src/views/cockpit/components/BlockEvent.vue
View File

@ -36,7 +36,7 @@ const stats = ref([
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
@import '@/styles/mixins.scss'; @use '@/styles/mixins.scss' as *;
.block-event { .block-event {
background: url(../assets/img/block-panel-bg.png) no-repeat; background: url(../assets/img/block-panel-bg.png) no-repeat;

2
packages/screen/src/views/cockpit/components/CockpitLayout.vue
View File

@ -29,7 +29,7 @@ import YearStatistics from './YearStatistics.vue'
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
@import '@/styles/mixins.scss'; @use '@/styles/mixins.scss' as *;
.cockpit-layout { .cockpit-layout {
width: 100vw; width: 100vw;

2
packages/screen/src/views/cockpit/components/EmergencyResources.vue
View File

@ -99,7 +99,7 @@ const resources = ref([
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
@import '@/styles/mixins.scss'; @use '@/styles/mixins.scss' as *;
.emergency-resources { .emergency-resources {
background: url(../assets/img/emergency-panel-bg.png) no-repeat; background: url(../assets/img/emergency-panel-bg.png) no-repeat;

2
packages/screen/src/views/cockpit/components/MapCenter.vue
View File

@ -110,7 +110,7 @@ const markers = ref([
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
@import '@/styles/mixins.scss'; @use '@/styles/mixins.scss' as *;
.map-center { .map-center {
width: 100%; width: 100%;

2
packages/screen/src/views/cockpit/components/PageHeader.vue
View File

@ -11,7 +11,7 @@
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
@import '@/styles/mixins.scss'; @use '@/styles/mixins.scss' as *;
.page-header { .page-header {
height: vh(137); height: vh(137);

2
packages/screen/src/views/cockpit/components/WeatherWarning.vue
View File

@ -116,7 +116,7 @@ const districts = ref([
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
@import '@/styles/mixins.scss'; @use '@/styles/mixins.scss' as *;
.weather-warning { .weather-warning {
background: url(../assets/img/weather-panel-bg.png) no-repeat; background: url(../assets/img/weather-panel-bg.png) no-repeat;

2
packages/screen/src/views/cockpit/components/YearStatistics.vue
View File

@ -51,7 +51,7 @@ const xAxisYears = ref([
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
@import '@/styles/mixins.scss'; @use '@/styles/mixins.scss' as *;
.year-statistics { .year-statistics {
background: url(../assets/img/statistics-panel-bg.png) no-repeat; background: url(../assets/img/statistics-panel-bg.png) no-repeat;