Ver código fonte

feat: 组件样式增加 scoped,防止全局污染

许俊杰 3 anos atrás
pai
commit
b9b722f73c

+ 1 - 1
Web/src/views/system/cache/index.vue

@@ -135,7 +135,7 @@ export default defineComponent({
 </script>
 +
 
-<style lang="scss">
+<style lang="scss" scoped>
 .card-header {
 	display: flex;
 	justify-content: space-between;

+ 1 - 1
Web/src/views/system/formDes/index.vue

@@ -24,7 +24,7 @@ export default defineComponent({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 body {
 	margin: 0; // 去除页面垂直滚动条
 }

+ 1 - 1
Web/src/views/system/job/component/jobCluster.vue

@@ -52,4 +52,4 @@ const openDrawer = () => {
 defineExpose({ openDrawer });
 </script>
 
-<style lang="scss"></style>
+<style lang="scss" scoped></style>

+ 1 - 1
Web/src/views/system/job/dashboard.vue

@@ -4,7 +4,7 @@
 
 <script setup lang="ts" name="jobDashboard"></script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .layout-padding {
 	margin: 8px;
 }

+ 1 - 1
Web/src/views/system/log/difflog/index.vue

@@ -142,7 +142,7 @@ export default defineComponent({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .el-popper {
 	max-width: 60%;
 }

+ 1 - 1
Web/src/views/system/log/exlog/index.vue

@@ -155,7 +155,7 @@ export default defineComponent({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .el-popper {
 	max-width: 60%;
 }

+ 1 - 1
Web/src/views/system/log/oplog/index.vue

@@ -194,7 +194,7 @@ export default defineComponent({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .el-popper {
 	max-width: 60%;
 }

+ 1 - 1
Web/src/views/system/onlineUser/index.vue

@@ -143,4 +143,4 @@ const handleCurrentChange = (val: number) => {
 defineExpose({ openDrawer });
 </script>
 
-<style lang="scss"></style>
+<style lang="scss" scoped></style>

+ 1 - 1
Web/src/views/system/server/index.vue

@@ -203,7 +203,7 @@ export default defineComponent({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .sysInfo_table {
 	width: 100%;
 	min-height: 40px;