diff --git a/src/views/login.vue b/src/views/login.vue
index 241d39e..d97d0e3 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -198,7 +198,7 @@ export default {
 }
 </script>
 
-<style rel="stylesheet/scss" lang="scss">
+<style scoped lang="scss">
 .login {
   display: flex;
   justify-content: flex-end;
diff --git a/src/views/system/user/center.vue b/src/views/system/user/center.vue
index 1cc5681..9902975 100644
--- a/src/views/system/user/center.vue
+++ b/src/views/system/user/center.vue
@@ -197,7 +197,7 @@ export default {
 }
 </script>
 
-<style rel="stylesheet/scss" lang="scss">
+<style scoped lang="scss">
   .avatar {
     width: 120px;
     height: 120px;
diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue
index 9017069..46ee134 100644
--- a/src/views/system/user/index.vue
+++ b/src/views/system/user/index.vue
@@ -476,7 +476,7 @@ export default {
 }
 </script>
 
-<style rel="stylesheet/scss" lang="scss" scoped>
+<style scoped lang="scss" scoped>
   ::v-deep .vue-treeselect__control,::v-deep .vue-treeselect__placeholder,::v-deep .vue-treeselect__single-value {
     height: 30px;
     line-height: 30px;