Sfoglia il codice sorgente

feat: 修改主题样式

ljc 4 mesi fa
parent
commit
20038a4914
4 ha cambiato i file con 27 aggiunte e 4 eliminazioni
  1. 3 2
      src/main.ts
  2. 8 0
      src/styles/cwg_common.scss
  3. 13 0
      src/styles/self.scss
  4. 3 2
      src/views/userless/sigin/SignUp.vue

+ 3 - 2
src/main.ts

@@ -8,10 +8,11 @@ import { registerElIcons } from '@/plugins/ElIcons'
 // svg-icons注册导入
 // @ts-ignore: virtual module injected by svg-icons plugin
 // UI框架 element-plus
+import '@/styles/self.scss'
 import ElementPlus from 'element-plus'
-import 'element-plus/dist/index.css'
+// import 'element-plus/dist/index.css'
 // 引入暗黑模式 element-plus 2.2 内置暗黑模式
-import 'element-plus/theme-chalk/dark/css-vars.css'
+// import 'element-plus/theme-chalk/dark/css-vars.css'
 // 自定义暗黑模式
 // import '@/styles/cwg_common.scss'
 // 引入阿里图标库

+ 8 - 0
src/styles/cwg_common.scss

@@ -1083,6 +1083,7 @@ a {
   height: 40px;
 }
 
+
 .el-form-item--default .el-form-item__content {
   width: 100%;
   line-height: 40px;
@@ -1107,6 +1108,9 @@ a {
 .el-select__wrapper.is-focused{
   --focus-border-color: ;
 }
+.el-select{
+  --el-select-input-focus-border-color: ;
+}
 
 .el-input-number{
   width: 100%;
@@ -1127,3 +1131,7 @@ input[type="number"]::-webkit-inner-spin-button {
 input[type="number"] {
   -moz-appearance: textfield;
 }
+:root{
+  --el-checkbox-checked-bg-color:#EB3F57;
+
+}

+ 13 - 0
src/styles/self.scss

@@ -0,0 +1,13 @@
+/* just override what you need */
+@forward 'element-plus/theme-chalk/src/common/var.scss' with (
+  $checkbox:  (
+    'checked-bg-color': #EB3F57,
+    'checked-input-border-color':#eb3f57,
+    'input-border-color-hover':#eb3f57
+  )
+)
+;
+
+// If you just import on demand, you can ignore the following content.
+// 如果你想导入所有样式:
+@use "element-plus/theme-chalk/src/index.scss" as *;

+ 3 - 2
src/views/userless/sigin/SignUp.vue

@@ -85,7 +85,7 @@
             </el-col>
 
             <el-col :span="24" :md="12">
-              <el-form-item prop="code" :label="$t('newSignup.item9')">
+              <el-form-item prop="emailCode" :label="$t('newSignup.item9')">
                 <el-row>
                   <el-col :span="24" class="myCode">
                     <el-input
@@ -392,7 +392,7 @@
         trigger: 'blur',
       },
     ],
-    code: [
+    emailCode: [
       {
         validator: (rule, value, callback) => {
           if (value && value.trim()) {
@@ -419,6 +419,7 @@
     agree: [
       {
         validator: (rule, value, callback) => {
+          console.log(value)
           if (value) {
             callback()
           } else {