mirror of
https://gitee.com/beijing_hongye_huicheng/lilishop-ui.git
synced 2026-08-06 10:57:26 +08:00
升级Vue3,iView替换ElementPlus
- 删除babel配置、更新依赖与入口初始化 - 全量替换UI组件、样式适配,新增迁移文档与标签/过滤器自动化替换脚本
This commit is contained in:
@@ -133,3 +133,9 @@ $theme_color: #F31947;
|
||||
color: $theme_color !important;
|
||||
}
|
||||
$bg_color: #f1f6fa;
|
||||
|
||||
@import "./table-common.scss";
|
||||
|
||||
.el-table table {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
95
seller/src/styles/element.scss
Normal file
95
seller/src/styles/element.scss
Normal file
@@ -0,0 +1,95 @@
|
||||
/* Element Plus 主题覆盖(对齐原 iView 主色) */
|
||||
:root {
|
||||
--el-color-primary: #f31947;
|
||||
--el-color-success: #68cabe;
|
||||
--el-color-warning: #fa6419;
|
||||
--el-color-danger: #ff3c2a;
|
||||
--el-font-size-extra-small: 12px;
|
||||
--el-font-size-small: 13px;
|
||||
--el-font-size-base: 14px;
|
||||
--el-font-size-large: 16px;
|
||||
}
|
||||
|
||||
.el-button--primary {
|
||||
--el-button-bg-color: #f31947;
|
||||
--el-button-border-color: #f31947;
|
||||
--el-button-hover-bg-color: #ff4d6d;
|
||||
--el-button-hover-border-color: #ff4d6d;
|
||||
}
|
||||
|
||||
.el-table--border {
|
||||
.el-table__cell {
|
||||
border-right: none !important;
|
||||
}
|
||||
|
||||
.el-table__border-left-patch {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&::before,
|
||||
&::after,
|
||||
.el-table__inner-wrapper::before,
|
||||
.el-table__inner-wrapper::after {
|
||||
width: 0 !important;
|
||||
}
|
||||
|
||||
&.el-table--group::before,
|
||||
&.el-table--group::after,
|
||||
&.el-table--group .el-table__inner-wrapper::before,
|
||||
&.el-table--group .el-table__inner-wrapper::after {
|
||||
width: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.el-table__fixed-right::before,
|
||||
.el-table__fixed::before {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.link-text {
|
||||
color: #409eff;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover {
|
||||
color: #66b1ff;
|
||||
}
|
||||
|
||||
&.disabled {
|
||||
color: #c0c4cc;
|
||||
cursor: not-allowed;
|
||||
pointer-events: none;
|
||||
}
|
||||
}
|
||||
|
||||
.op-split {
|
||||
margin: 0 8px;
|
||||
color: #dcdfe6;
|
||||
}
|
||||
|
||||
.el-table .ops {
|
||||
display: inline-flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
a:not(.link-text) {
|
||||
color: #409eff;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover {
|
||||
color: #66b1ff;
|
||||
}
|
||||
}
|
||||
|
||||
> span:not(.op-split) {
|
||||
margin: 0 8px;
|
||||
color: #dcdfe6;
|
||||
}
|
||||
}
|
||||
|
||||
.gcc-disabled-action {
|
||||
color: #c0c4cc;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
@@ -16,17 +16,20 @@
|
||||
width: 100% !important;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
// background-color: #f0f0f0;
|
||||
border-radius: 0.4em;
|
||||
flex-wrap: wrap;
|
||||
> .ivu-form-item {
|
||||
|
||||
> .ivu-form-item,
|
||||
> .el-form-item {
|
||||
margin: 8px 10px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.padding-row {
|
||||
margin-top: 15px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.search-btn {
|
||||
margin-left: 20px;
|
||||
}
|
||||
@@ -38,7 +41,11 @@
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
// 为Card组件之间增加间距
|
||||
.search > .el-card + .el-card {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
// 兼容遗留 iView
|
||||
.ivu-card + .ivu-card {
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,6 +1,4 @@
|
||||
@import "~view-design/src/styles/index.less";
|
||||
// iview 自定义样式
|
||||
|
||||
// Element Plus 主题变量(原 view-design less 已移除)
|
||||
@primary-color: #F31947;
|
||||
@info-color: #fa6419;
|
||||
@success-color: #68cabe;
|
||||
@@ -10,3 +8,8 @@
|
||||
@table-td-hover-bg: #ededed;
|
||||
@table-td-highlight-bg: #ededed;
|
||||
@font-size-base: 12px;
|
||||
|
||||
.el-drawer,
|
||||
.drawer {
|
||||
z-index: 2600 !important;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user