From 073640c03ffb9ca92ed251c3b9f547ea0b507759 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=83=9D=E5=85=88=E7=91=9E?= <1490493387@qq.com> Date: Mon, 2 May 2022 00:04:15 +0800 Subject: [PATCH] =?UTF-8?q?refactor:=20=E6=97=A0=E7=94=A8=E6=A0=B7?= =?UTF-8?q?=E5=BC=8F=E5=88=A0=E9=99=A4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Former-commit-id: 53c07c25b722c5c7d15753a6caf6b8e79d39802b --- src/styles/element-plus.scss | 42 ------------------------ src/styles/element-variables.module.scss | 29 ---------------- 2 files changed, 71 deletions(-) delete mode 100644 src/styles/element-variables.module.scss diff --git a/src/styles/element-plus.scss b/src/styles/element-plus.scss index dc15772f..492b113a 100644 --- a/src/styles/element-plus.scss +++ b/src/styles/element-plus.scss @@ -6,36 +6,6 @@ --el-text-color-disabled: #ccc; } -/* 核心组件的变量,下面这些样式是必须要写的 */ - -.el-link.el-link--primary:hover { - color: var(--el-color-primary-light-2) !important; -} - -.el-tag { - --el-tag-bg-color: var(--el-color-primary-light-9); - --el-tag-border-color: var(--el-color-primary-light-8); - --el-tag-text-color: var(--el-color-primary); - --el-tag-hover-color: var(--el-color-primary); -} - -.el-button--primary { - --el-button-text-color: var(--el-color-white) !important; - --el-button-bg-color: var(--el-color-primary) !important; - --el-button-border-color: var(--el-color-primary) !important; - --el-button-active-bg-color: var(--el-color-primary-dark) !important; - --el-button-active-border-color: var(--el-color-primary-dark) !important; -} - -.el-button--primary.is-plain{ - --el-button-text-color: var(--el-color-primary)!important; - --el-button-bg-color: var(--el-color-primary-light-9)!important; - --el-button-border-color: var(--el-color-primary-light-5)!important; - --el-button-hover-text-color: var(--el-color-white)!important; - --el-button-active-text-color: var(--el-color-white)!important; - --el-button-active-border-color: var(--el-color-primary)!important; -} - // 覆盖 element-plus 的样式 .el-breadcrumb__inner, .el-breadcrumb__inner a { @@ -52,18 +22,6 @@ display: none; } - -// refine element ui upload -.upload-container { - .el-upload { - width: 100%; - .el-upload-dragger { - width: 100%; - height: 200px; - } - } -} - // dropdown .el-dropdown-menu { a { diff --git a/src/styles/element-variables.module.scss b/src/styles/element-variables.module.scss deleted file mode 100644 index 2fe9a2b5..00000000 --- a/src/styles/element-variables.module.scss +++ /dev/null @@ -1,29 +0,0 @@ -/** -* I think element default theme color is too light for long-term use. -* So I modified the default color and you can modify it to your liking. -* https://vitejs.cn/guide/features.html#postcss -**/ - -/* theme color */ -$--color-primary: #1890ff; -$--color-success: #13ce66; -$--color-warning: #ffba00; -$--color-danger: #ff4949; -// $--color-info: #1E1E1E; - -$--button-font-weight: 400; - -// $--color-text-regular: #1f2d3d; - -$--border-color-light: #dfe4ed; -$--border-color-lighter: #e6ebf5; - -$--table-border: 1px solid #dfe6ec; - -$--font-path: "~element-plus/theme-chalk/fonts"; - -// the :export directive is the magic sauce for webpack -// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass -:export { - theme: $--color-primary; -}