mirror of
https://gitee.com/lab1024/smart-admin.git
synced 2025-11-12 05:33:48 +08:00
v2.0
This commit is contained in:
zhuoda
150
smart-admin-web/javascript-ant-design-vue3/src/theme/index.less
Normal file
150
smart-admin-web/javascript-ant-design-vue3/src/theme/index.less
Normal file
@@ -0,0 +1,150 @@
|
||||
/*
|
||||
* 默认样式的修改
|
||||
*
|
||||
* @Author: 1024创新实验室-主任：卓大
|
||||
* @Date: 2022-09-12 14:41:59
|
||||
* @Wechat: zhuda1024
|
||||
* @Email: lab1024@163.com
|
||||
* @Copyright 1024创新实验室 （ https://1024lab.net ），Since 2012
|
||||
*/
|
||||
|
||||
@import '~ant-design-vue/dist/antd.less';
|
||||
@import './smart-admin.less';
|
||||
|
||||
@gray-1: #ffffff;
|
||||
@gray-2: #fafafa;
|
||||
@gray-3: #f5f5f5;
|
||||
@gray-4: #f0f0f0;
|
||||
@gray-5: #d9d9d9;
|
||||
@gray-6: #bfbfbf;
|
||||
@gray-7: #8c8c8c;
|
||||
@gray-8: #595959;
|
||||
@gray-9: #434343;
|
||||
@gray-10: #262626;
|
||||
@gray-11: #1f1f1f;
|
||||
@gray-12: #141414;
|
||||
@gray-13: #000000;
|
||||
|
||||
@title-color: @heading-color;
|
||||
|
||||
@layout-bg-color: @layout-body-background;
|
||||
@base-bg-color: @body-background;
|
||||
@hover-bg-color: rgba(0, 0, 0, 0.025);
|
||||
@border-color: @border-color-split;
|
||||
|
||||
@hover-bg-color-light: @hover-bg-color;
|
||||
@hover-bg-color-dark: @primary-7;
|
||||
@hover-bg-color-night: rgba(255, 255, 255, 0.025);
|
||||
@header-bg-color-dark: @layout-header-background;
|
||||
|
||||
@header-light-bg-hover-color: #f6f6f6;
|
||||
@header-height: 80px;
|
||||
@header-user-height: 40px;
|
||||
@page-tag-height: 40px;
|
||||
|
||||
@shadow-down: @shadow-1-down;
|
||||
@shadow-up: @shadow-1-up;
|
||||
@shadow-left: @shadow-1-left;
|
||||
@shadow-right: @shadow-1-right;
|
||||
|
||||
@theme-list: light, dark, night;
|
||||
|
||||
/********************************** 基础样式 **********************************/
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
background-color: #f8f8f8;
|
||||
font-size: 14px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#app {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/********************************** ant design spin **********************************/
|
||||
.ant-spin-blur{
|
||||
opacity: 0.2;
|
||||
}
|
||||
|
||||
/********************************** ant design table **********************************/
|
||||
.ant-table-tbody :deep(.smart-table-striped) {
|
||||
background-color: #fafafa;
|
||||
}
|
||||
|
||||
/********************************** ant design form **********************************/
|
||||
.ant-form-inline .ant-form-item-with-help {
|
||||
margin-bottom: 0px !important;
|
||||
}
|
||||
|
||||
/********************************** ant design spin **********************************/
|
||||
.ant-spin-nested-loading {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.ant-spin-container {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/********************************** 富文本HTML样式 **********************************/
|
||||
.html-content {
|
||||
/* table 样式 */
|
||||
table {
|
||||
border-top: 1px solid #ccc;
|
||||
border-left: 1px solid #ccc;
|
||||
}
|
||||
table td,
|
||||
table th {
|
||||
border-bottom: 1px solid #ccc;
|
||||
border-right: 1px solid #ccc;
|
||||
padding: 3px 5px;
|
||||
}
|
||||
table th {
|
||||
border-bottom: 2px solid #ccc;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* blockquote 样式 */
|
||||
blockquote {
|
||||
display: block;
|
||||
border-left: 8px solid #d0e5f2;
|
||||
padding: 5px 10px;
|
||||
margin: 10px 0;
|
||||
line-height: 1.4;
|
||||
font-size: 100%;
|
||||
background-color: #f1f1f1;
|
||||
}
|
||||
|
||||
/* code 样式 */
|
||||
code {
|
||||
display: inline-block;
|
||||
background-color: #f1f1f1;
|
||||
border-radius: 3px;
|
||||
padding: 3px 5px;
|
||||
margin: 0 3px;
|
||||
}
|
||||
pre code {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* ul ol 样式 */
|
||||
ul,
|
||||
ol {
|
||||
margin: 10px 0 10px 20px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,112 @@
|
||||
/*
|
||||
* SmartAdmin 独有的样式
|
||||
*
|
||||
* @Author: 1024创新实验室-主任：卓大
|
||||
* @Date: 2022-09-12 14:43:01
|
||||
* @Wechat: zhuda1024
|
||||
* @Email: lab1024@163.com
|
||||
* @Copyright 1024创新实验室 （ https://1024lab.net ），Since 2012
|
||||
*/
|
||||
|
||||
/********************************** 滚动条 **********************************/
|
||||
::-webkit-scrollbar {
|
||||
width: 2px;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
::-webkit-scrollbar-thumb {
|
||||
background-color: #cdcdcd;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
-webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
|
||||
background-color: #f5f5f5;
|
||||
border-radius: 1px;
|
||||
}
|
||||
|
||||
/********************************** 宽度 **********************************/
|
||||
.smart-width-100 {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/********************************** 左间距 **********************************/
|
||||
.smart-margin-left5 {
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.smart-margin-left10 {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.smart-margin-left15 {
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
.smart-margin-left20 {
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
|
||||
/******************************** 上间距 ********************************/
|
||||
.smart-margin-top5 {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.smart-margin-top10 {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
/******************************** 下间距 ********************************/
|
||||
.smart-margin-bottom5 {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.smart-margin-bottom10 {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
/******************************** 查询表格样式 ********************************/
|
||||
.smart-query-form {
|
||||
background-color: #ffffff;
|
||||
padding: 5px 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.smart-table-operate {
|
||||
.ant-btn {
|
||||
padding: 0px 3px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.smart-table-column-operate {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.smart-query-form-row:not(:first-child) {
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.smart-query-form-row .smart-query-form-item {
|
||||
margin-right: 8px;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.smart-query-table-page {
|
||||
margin-top: 10px;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.smart-table-btn-block {
|
||||
margin-bottom: 15px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
.smart-table-operate-block {
|
||||
.ant-btn {
|
||||
margin-right: 12px;
|
||||
}
|
||||
}
|
||||
.smart-table-setting-block {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user