mirror of
https://gitee.com/beijing_hongye_huicheng/lilishop-ui.git
synced 2026-08-06 02:47:29 +08:00
a4659ed1a2
- 将多个组件中的 require 替换为 import，提升代码一致性。 - 更新上传组件中的回调函数，简化图片选择逻辑。 - 调整样式以适配 Element Plus 组件，确保界面一致性。 - 删除不再使用的样式，优化项目结构。
176 lines
3.0 KiB
SCSS
176 lines
3.0 KiB
SCSS
|
||
|
||
//自动移滚动条样式
|
||
::-webkit-scrollbar{
|
||
width: 1px;
|
||
height: 5px;
|
||
}
|
||
::-webkit-scrollbar-thumb{
|
||
border-radius: 1em;
|
||
background-color: rgba(50,50,50,.3);
|
||
}
|
||
::-webkit-scrollbar-track{
|
||
border-radius: 1em;
|
||
background-color: rgba(50,50,50,.1);
|
||
}
|
||
.el-table table {
|
||
width: 100% !important;
|
||
}
|
||
|
||
.flex{
|
||
display: flex !important;
|
||
|
||
}
|
||
.flex_justify_content{
|
||
justify-content: center;
|
||
}
|
||
.flex_align_item{
|
||
align-items: center;
|
||
}
|
||
|
||
.global_text_left {
|
||
text-align: left;
|
||
}
|
||
.global_text_right {
|
||
text-align: right;
|
||
}
|
||
.global_float_left {
|
||
float: left;
|
||
}
|
||
.global_float_right {
|
||
float: right;
|
||
}
|
||
.clearfix::after{
|
||
content: '';
|
||
display: block;
|
||
clear: both;
|
||
}
|
||
.width_1200{width: 1200px;}
|
||
.width_1200_auto {
|
||
width: 1200px;
|
||
max-width: 1200px;
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
box-sizing: border-box;
|
||
}
|
||
.width_800{width: 800px;}
|
||
.width_400{width: 400px;}
|
||
.width_300{width: 300px;}
|
||
.width_200{width: 200px;}
|
||
.width_100{width: 100px;}
|
||
|
||
.fz_12{font-size: 12px;}
|
||
.fz_14{font-size: 14px;}
|
||
.fz_16{font-size: 16px;}
|
||
.fz_18{font-size: 18px;}
|
||
.fw_bold{font-weight: bold;}
|
||
|
||
.mb_20{margin-bottom: 20px;}
|
||
.mt_20{margin-top: 20px;}
|
||
.ml_20{margin-left: 20px;}
|
||
.mr_20{margin-right: 20px;}
|
||
|
||
.mb_10{margin-bottom: 10px;}
|
||
.mt_10{margin-top: 10px;}
|
||
.ml_10{margin-left: 10px;}
|
||
.ml_5{margin-left: 10px;}
|
||
.mr_10{margin-right: 10px;}
|
||
|
||
.pb_20{padding-bottom: 20px;}
|
||
.pt_20{padding-top: 20px;}
|
||
.pl_20{padding-left: 20px;}
|
||
.pr_20{padding-right: 20px;}
|
||
|
||
.pb_10{padding-bottom: 10px;}
|
||
.pt_10{padding-top: 10px;}
|
||
.pl_10{padding-left: 10px;}
|
||
.pr_10{padding-right: 10px;}
|
||
|
||
ul,li{
|
||
list-style: none;
|
||
}
|
||
|
||
.ellipsis{
|
||
overflow: hidden;
|
||
text-overflow:ellipsis;
|
||
white-space: nowrap;
|
||
}
|
||
// 主题颜色
|
||
|
||
$success_color: #68cabe;
|
||
$warning_color: #fa6419;
|
||
$error_color: #ff3c2a;
|
||
$theme_color: #FF5C58;
|
||
.theme_color {
|
||
color: $theme_color !important;
|
||
}
|
||
$bg_color: #f1f6fa;
|
||
|
||
.wes {
|
||
/* 多出部分用省略号表示 , 用于一行 */
|
||
overflow: hidden;
|
||
word-wrap: normal;
|
||
white-space: nowrap;
|
||
text-overflow: ellipsis;
|
||
}
|
||
|
||
.wes-2 {
|
||
/* 适用于webkit内核和移动端 */
|
||
display: -webkit-box;
|
||
-webkit-box-orient: vertical;
|
||
-webkit-line-clamp: 2;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.wes-3 {
|
||
/* 适用于webkit内核和移动端 */
|
||
display: -webkit-box;
|
||
-webkit-box-orient: vertical;
|
||
-webkit-line-clamp: 3;
|
||
overflow: hidden;
|
||
}
|
||
|
||
|
||
// table-common（原 @import 合并，避免 Sass @import 弃用警告）
|
||
.search {
|
||
.operation {
|
||
margin-bottom: 2vh;
|
||
}
|
||
.select-clear {
|
||
margin-left: 10px;
|
||
}
|
||
}
|
||
.search-input {
|
||
width: 270px;
|
||
margin-right: 20px;
|
||
}
|
||
.search-form {
|
||
width: 100% !important;
|
||
display: flex;
|
||
align-items: center;
|
||
border-radius: 0.4em;
|
||
flex-wrap: wrap;
|
||
|
||
> .el-form-item {
|
||
margin: 8px 10px !important;
|
||
}
|
||
}
|
||
.padding-row {
|
||
margin-top: 15px;
|
||
margin-bottom: 15px;
|
||
}
|
||
.search-btn {
|
||
margin-left: 20px;
|
||
}
|
||
.div-zoom {
|
||
display: -webkit-box;
|
||
-webkit-box-orient: vertical;
|
||
-webkit-line-clamp: 4;
|
||
overflow: hidden;
|
||
}
|
||
// 列表页「筛选 Card + 列表 Card」间距（Vue3 使用 el-card）
|
||
.search > .el-card + .el-card {
|
||
margin-top: 10px;
|
||
}
|
||
|