chenxing
43753f4f59
build / build (push) Successful in 2m9s
- P1 通道：view-ui-plus 锁 1.3.24（A 类 loader + vite /static dev 代理核验，五档/断源降级走查） - P2 回收：删本地 layout.css/icons.css(+bak) 并清 main.ts import；骨架六类对齐 + 品牌色 var(--brand) 化；index CSS 779→393kB - P3 操作列：新增 utils/tableActions.ts（同构 UserBase，7 函数+2 表，无 AUTO_MODE）；7 页迁 actionColumn text 形态；旧 operatingHandle/operatingTextHandle 薄封装保留、签名不变 - P4 外观：接入三态头像 avatar.ts+UserAvatar.vue（同步自 YschTheme），顶栏裸 img 替换；外观三键红线零写 - 失效注释订正（layout.vue/def-editor）
159 lines
3.7 KiB
SCSS
159 lines
3.7 KiB
SCSS
@import "base/base";
|
||
@import "base/bscroll.css";
|
||
@import "base/reset";
|
||
|
||
@import "utils/mixins";
|
||
@import "utils/utils";
|
||
|
||
@import "componets/status";
|
||
@import "componets/small_table";
|
||
@import "componets/my_table";
|
||
|
||
.icon {
|
||
width: 1em;
|
||
height: 1em;
|
||
vertical-align: -0.15em;
|
||
fill: currentColor;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.base-subtitle {
|
||
position: relative;
|
||
padding-left: 12px;
|
||
line-height: 24px;
|
||
font-size: 15px;
|
||
font-weight: 400;
|
||
&::before {
|
||
content: "";
|
||
display: block;
|
||
width: 3px;
|
||
background: #5979ea;
|
||
height: 15px;
|
||
border-radius: 4px;
|
||
position: absolute;
|
||
top: 5px;
|
||
left: 0;
|
||
}
|
||
}
|
||
|
||
h4.second-title {
|
||
@extend .base-subtitle;
|
||
&::before {
|
||
background: #5979ea;
|
||
}
|
||
}
|
||
|
||
h4.subtitle {
|
||
@extend .second-title;
|
||
&::before {
|
||
background: #bda366;
|
||
}
|
||
}
|
||
|
||
.details-wrap {
|
||
display: flex;
|
||
padding-top: 10px;
|
||
.left-box {
|
||
width: 200px;
|
||
height: 100%;
|
||
|
||
.user-list-ul {
|
||
height: calc(100% - 50px);
|
||
overflow-y: auto;
|
||
li {
|
||
height: 42px;
|
||
border: 1px solid #ebeef5;
|
||
border-top: none;
|
||
position: relative;
|
||
cursor: pointer;
|
||
transition: border 200ms;
|
||
img {
|
||
object-fit: cover;
|
||
width: 30px;
|
||
height: 30px;
|
||
border-radius: 3px;
|
||
}
|
||
|
||
span.stu-name {
|
||
height: 20px;
|
||
line-height: 20px;
|
||
display: inline-block;
|
||
width: 60px;
|
||
}
|
||
span.stu-card {
|
||
width: 50px;
|
||
text-align: right;
|
||
}
|
||
}
|
||
li.active {
|
||
// background: #f3f3f3;
|
||
color: #7892ed;
|
||
border-right: 3px solid #5979ea;
|
||
}
|
||
}
|
||
}
|
||
.right-box {
|
||
width: 100%;
|
||
padding: 0 15px;
|
||
}
|
||
}
|
||
|
||
.table-spin-load {
|
||
width: 60px;
|
||
height: 90px;
|
||
padding-top: 60px;
|
||
background-image: url(../image/loading.gif);
|
||
background-size: 60px 60px;
|
||
background-position: top center;
|
||
background-repeat: no-repeat;
|
||
border: none;
|
||
color: var(--brand);
|
||
margin: 0 auto;
|
||
}
|
||
|
||
.ivu-table-cell-tree {
|
||
margin-right: 4px;
|
||
margin-bottom: 2px;
|
||
}
|
||
|
||
/* ================= 表格操作列（utils/tableActions.ts）=================
|
||
.op-cell：flex 横排容器——把 iView Tooltip/Dropdown 的块级包装层降级为 flex item，
|
||
强制横排（根因：.operating-btn 在通道基线 display:block，.ivu-tooltip 包装层默认 block，
|
||
逐钮竖排；不要再在 cell 上动 display，会牵连其它列）。
|
||
先落工程内，四端同构后此段上提 YschTheme 主题层。 */
|
||
.op-cell {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
gap: 6px;
|
||
|
||
// 链间距统一由容器 gap 管理，退役通道基线的 padding-right:10px
|
||
.operating-link {
|
||
padding-right: 0;
|
||
white-space: nowrap;
|
||
}
|
||
}
|
||
|
||
/* 「更多▾」触发器（Dropdown transfer 后菜单挂 body，样式必须全局） */
|
||
.op-more {
|
||
.op-more-label {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 2px;
|
||
}
|
||
|
||
.op-more-arrow {
|
||
font-size: 12px;
|
||
}
|
||
}
|
||
|
||
/* 「更多」菜单内危险项（红色 + hover 红底，与 text-error 同源 $color-error） */
|
||
.ivu-dropdown-item.op-item-danger {
|
||
color: $color-error !important;
|
||
|
||
&:hover {
|
||
color: $color-error !important;
|
||
background-color: rgba(232, 104, 74, 0.08);
|
||
}
|
||
}
|