From 7f0ec738a0af4d9d334ce85012f864f2519ebb3f Mon Sep 17 00:00:00 2001
From: songshankun <songshankun@foxmail.com>
Date: 星期六, 23 九月 2023 13:32:24 +0800
Subject: [PATCH] feat: 表格组件新增表头配置组件, 各列表页适配此组件
---
src/assets/style/index.scss | 204 ++++++++++++++++++++++++++++++++-------------------
1 files changed, 128 insertions(+), 76 deletions(-)
diff --git a/src/assets/style/index.scss b/src/assets/style/index.scss
index bed3e65..89fe4ef 100644
--- a/src/assets/style/index.scss
+++ b/src/assets/style/index.scss
@@ -12,117 +12,169 @@
outline: 0;
}
// 闂磋窛
-.margin_left_3px{
- margin-left:3px;
+.margin_left_3px {
+ margin-left: 3px;
}
-.margin_left_5px{
- margin-left:5px;
+.margin_left_5px {
+ margin-left: 5px;
}
-.margin_left_10px{
- margin-left:10px;
+.margin_left_10px {
+ margin-left: 10px;
}
-.margin_left_15px{
- margin-left:15px;
+.margin_left_15px {
+ margin-left: 15px;
}
-.margin_left_20px{
- margin-left:20px;
+.margin_left_20px {
+ margin-left: 20px;
}
-.margin_right_5px{
- margin-right:5px;
+.margin_right_5px {
+ margin-right: 5px;
}
-.margin_right_10px{
- margin-right:10px;
+.margin_right_10px {
+ margin-right: 10px;
}
-.margin_right_15px{
- margin-right:15px!important;
+.margin_right_15px {
+ margin-right: 15px !important;
}
-.margin_right_20px{
- margin-right:20px;
+.margin_right_20px {
+ margin-right: 20px;
}
-.margin_right_40px{
- margin-right:40px;
+.margin_right_40px {
+ margin-right: 40px;
}
-.margin_top_10px{
- margin-top:10px;
+.margin_top_10px {
+ margin-top: 10px;
}
-.margin_top_20px{
- margin-top:20px;
+.margin_top_20px {
+ margin-top: 20px;
}
-.margin_top_30px{
- margin-top:30px;
+.margin_top_30px {
+ margin-top: 30px;
}
-.margin_top_35px{
- margin-top:35px;
+.margin_top_35px {
+ margin-top: 35px;
}
-.margin_top_40px{
- margin-top:40px;
+.margin_top_40px {
+ margin-top: 40px;
}
-.margin_bottom_2px{
- margin-bottom:2px;
+.margin_bottom_2px {
+ margin-bottom: 2px;
}
-.margin_bottom_10px{
- margin-bottom:10px!important;
+.margin_bottom_10px {
+ margin-bottom: 10px !important;
}
-.margin_bottom_15px{
- margin-bottom:15px!important;
+.margin_bottom_15px {
+ margin-bottom: 15px !important;
}
-.margin_bottom_20px{
- margin-bottom:20px!important;
+.margin_bottom_20px {
+ margin-bottom: 20px !important;
}
-.margin_bottom_30px{
- margin-bottom:30px!important;
+.margin_bottom_30px {
+ margin-bottom: 30px !important;
}
-.margin_bottom_40px{
- margin-bottom:40px!important;
+.margin_bottom_40px {
+ margin-bottom: 40px !important;
}
-.margin_bottom_50px{
- margin-bottom:50px!important;
+.margin_bottom_50px {
+ margin-bottom: 50px !important;
}
-//
-.float_left{
- float:left;
+//
+.float_left {
+ float: left;
}
-.float_right{
- float:right;
+.float_right {
+ float: right;
}
-//
-.line_height_32px{
- line-height:32px;
+//
+.line_height_32px {
+ line-height: 32px;
}
-.text_indent_20{
- text-indent:20px;
+.text_indent_20 {
+ text-indent: 20px;
}
-.text_indent_30{
- text-indent:30px;
+.text_indent_30 {
+ text-indent: 30px;
}
// 瀛椾綋澶у皬
-.font_size_12{
- font-size:12px;
+.font_size_12 {
+ font-size: 12px;
}
-.font_size_13{
- font-size:13px;
+.font_size_13 {
+ font-size: 13px;
}
-.font_size_14{
- font-size:14px;
+.font_size_14 {
+ font-size: 14px;
}
-.font_size_15{
- font-size:15px;
+.font_size_15 {
+ font-size: 15px;
}
-.font_size_16{
- font-size:16px;
+.font_size_16 {
+ font-size: 16px;
}
-.font_size_18{
- font-size:18px;
+.font_size_18 {
+ font-size: 18px;
}
-.font_size_20{
- font-size:20px!important;
+.font_size_20 {
+ font-size: 20px !important;
}
-.font_size_30{
- font-size:30px!important;
+.font_size_30 {
+ font-size: 30px !important;
}
-.font_size_40{
- font-size:40px!important;
+.font_size_40 {
+ font-size: 40px !important;
}
-.cursor_pointer{
+.cursor_pointer {
cursor: pointer;
-}
\ No newline at end of file
+}
+
+.btn-pager {
+ display: flex;
+ margin-top: 10px;
+ // background: #fff;
+ .page {
+ margin-left: auto;
+ }
+}
+
+.border_radius_12{
+ border-radius: 12px;
+}
+
+::-webkit-scrollbar {
+ width: 8px !important;
+ height: 8px !important;
+ -webkit-appearance: none;
+ background-color: #00000040;
+}
+::-webkit-scrollbar-thumb {
+ box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
+ background: #e1e1e1;
+}
+::-webkit-scrollbar-track {
+ box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
+ // border-radius: 10px;
+ background: #ffffff;
+ // background:#2c60c5;
+}
+
+.el-button--primary {
+ color: #fff;
+ background-color: $color-primary !important;
+ border-color: $color-primary !important;
+}
+
+.el-pagination.is-background .el-pager li:not(.disabled).active {
+ background: $color-primary !important;
+}
+
+.el-button--text {
+ color: #2a78fb !important;
+}
+.el-button--text.is-disabled {
+ color: #7c7f85 !important;
+}
+.el-button--primary {
+ color: #fff;
+ background-color: #2a78fb !important;
+ border-color: #2a78fb !important;
+}
--
Gitblit v1.8.0