- Vue 3 + TypeScript + Element Plus 前端界面 - Pinia 状态管理 - Vue Router 4 路由管理 - Axios HTTP 客户端 - MSW (Mock Service Worker) 开发环境模拟 - 账户管理界面 (列表、详情、三科目余额展示) - 交易管理界面 (列表、详情) - 对账管理界面 (三账校验) - 完善的 API 客户端封装 - Docker 容器化配置 - Nginx 配置用于生产环境
38 lines
711 B
SCSS
38 lines
711 B
SCSS
@use 'mixins/config' as *;
|
|
@use 'mixins/mixins' as *;
|
|
@use 'common/var' as *;
|
|
@use './date-picker/picker.scss';
|
|
@use './date-picker/date-picker.scss';
|
|
|
|
.time-select {
|
|
margin: 5px 0;
|
|
min-width: 0;
|
|
|
|
.#{$namespace}-picker-panel__content {
|
|
max-height: 200px;
|
|
margin: 0;
|
|
}
|
|
|
|
&-item {
|
|
padding: 8px 10px;
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
|
|
&.disabled {
|
|
color: getCssVar('datepicker-border-color');
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
&:hover {
|
|
background-color: getCssVar('fill-color', 'light');
|
|
font-weight: bold;
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
|
|
.time-select-item.selected:not(.disabled) {
|
|
color: getCssVar('color-primary');
|
|
font-weight: bold;
|
|
}
|
|
}
|