🐞 fix: css格式scss修改为less

src/layout/components/LayoutContent.vue

@@ -11,4 +11,4 @@
 
 <script setup></script>
 
-<style lang="scss" scoped></style>
+<style lang="less" scoped></style>

src/pages/password/index.vue

@@ -48,9 +48,9 @@ import { reactive } from "vue";
 import router from "@/router";
 
 const INITIAL_DATA = {
-  account: '',
+  account: "",
-  password: '',
+  password: "",
-  rePassword: '',
+  rePassword: "",
 };
 
 const formData = reactive({
@@ -61,8 +61,8 @@ const rules = reactive({
   account: [
     {
       required: true,
-      message: '学号必填',
+      message: "学号必填",
-      type: 'error',
+      type: "error",
     },
     {
       min: 10,
@@ -76,8 +76,8 @@ const rules = reactive({
   password: [
     {
       required: true,
-      message: '密码必填',
+      message: "密码必填",
-      type: 'error',
+      type: "error",
     },
     {
       len: 8,
@@ -91,8 +91,8 @@ const rules = reactive({
   rePassword: [
     {
       required: true,
-      message: '密码必填',
+      message: "密码必填",
-      type: 'error',
+      type: "error",
     },
     {
       len: 8,
@@ -106,36 +106,37 @@ const rules = reactive({
 });
 
 const onReset = () => {
-  MessagePlugin.success('重置成功');
+  MessagePlugin.success("重置成功");
 };
 
 const onSubmit = ({ validateResult, firstError }) => {
   if (validateResult === true) {
-    MessagePlugin.success('提交成功');
+    MessagePlugin.success("提交成功");
   } else {
-    console.log('Errors: ', validateResult);
+    console.log("Errors: ", validateResult);
     MessagePlugin.warning(firstError);
   }
 };
 const onValidate = ({ validateResult, firstError }) => {
   if (validateResult === true) {
-    console.log('Validate Success');
+    console.log("Validate Success");
   } else {
-    console.log('Validate Errors: ', firstError, validateResult);
+    console.log("Validate Errors: ", firstError, validateResult);
   }
 };
 // 自定义异步校验器，使用 resolve 返回结果控制校验结果、校验信息、校验结果类型
-const userNameValidator = (val) => new Promise((resolve) => {
+const userNameValidator = (val) =>
+  new Promise((resolve) => {
     const timer = setTimeout(() => {
-    if (['Zhang', 'Li', 'Wang'].includes(val)) {
+      if (["Zhang", "Li", "Wang"].includes(val)) {
         resolve({
           result: true,
         });
       } else {
         resolve({
           result: false,
-        message: '用户名不存在',
+          message: "用户名不存在",
-        type: 'error',
+          type: "error",
         });
       }
       clearTimeout(timer);
@@ -146,34 +147,34 @@ const passwordValidator = (val) => {
   if (val.length > 0 && val.length <= 2) {
     return {
       result: false,
-      message: '太简单了！再开动一下你的小脑筋吧！',
+      message: "太简单了！再开动一下你的小脑筋吧！",
-      type: 'error',
+      type: "error",
     };
   }
   if (val.length > 2 && val.length < 4) {
     return {
       result: false,
-      message: '还差一点点，就是一个完美的密码了！',
+      message: "还差一点点，就是一个完美的密码了！",
-      type: 'warning',
+      type: "warning",
     };
   }
   return {
     result: true,
-    message: '太强了，你确定自己记得住吗！',
+    message: "太强了，你确定自己记得住吗！",
-    type: 'success',
+    type: "success",
   };
 };
 // 自定义异步校验器
-const rePassword = (val) => new Promise((resolve) => {
+const rePassword = (val) =>
+  new Promise((resolve) => {
     const timer = setTimeout(() => {
       resolve(formData.password === val);
       clearTimeout(timer);
     });
   });
-
 </script>
 
-<style lang="scss" scoped>
+<style lang="less" scoped>
 .password-container {
   display: flex;
   justify-content: center;

src/pages/students/student.vue

@@ -43,5 +43,4 @@ import { MessagePlugin } from "tdesign-vue-next";
 import { ref } from "vue";
 </script>
 
-<style lang="scss" scoped>
+<style lang="less" scoped></style>
-</style>