mirror of
https://gitee.com/lab1024/smart-admin.git
synced 2025-11-21 18:06:52 +08:00
v3.9.0【优化】typescript版本;【优化】App端消息;【优化】弹出层z-index;
This commit is contained in:
zhuoda
63
smart-admin-web-javascript/src/theme/color.js
Normal file
63
smart-admin-web-javascript/src/theme/color.js
Normal file
@@ -0,0 +1,63 @@
|
||||
export const themeColors = [
|
||||
// 蓝色
|
||||
{
|
||||
primaryColor: '#1677ff',
|
||||
activeColor: '#0958d9',
|
||||
hoverColor: '#4096ff',
|
||||
},
|
||||
// 蓝色2
|
||||
{
|
||||
primaryColor: '#2F54EB',
|
||||
activeColor: '#1d39c4',
|
||||
hoverColor: '#597ef7',
|
||||
},
|
||||
// 绿色
|
||||
{
|
||||
primaryColor: '#00b96b',
|
||||
activeColor: '#00945b',
|
||||
hoverColor: '#20c77c',
|
||||
},
|
||||
|
||||
// 红色
|
||||
{
|
||||
primaryColor: '#F5222D',
|
||||
activeColor: '#cf1322',
|
||||
hoverColor: '#ff4d4f',
|
||||
},
|
||||
// 青色
|
||||
{
|
||||
primaryColor: '#13c2c2',
|
||||
activeColor: '#08979c',
|
||||
hoverColor: '#36cfc9',
|
||||
},
|
||||
// 粉色
|
||||
{
|
||||
primaryColor: '#EB2F96',
|
||||
activeColor: '#c41d7f',
|
||||
hoverColor: '#f759ab',
|
||||
},
|
||||
// 紫色
|
||||
{
|
||||
primaryColor: '#722ED1',
|
||||
activeColor: '#531dab',
|
||||
hoverColor: '#9254de',
|
||||
},
|
||||
// 极光绿
|
||||
{
|
||||
primaryColor: '#52c41a',
|
||||
activeColor: '#389e0d',
|
||||
hoverColor: '#73d13d',
|
||||
},
|
||||
// 深绿
|
||||
{
|
||||
primaryColor: '#009688',
|
||||
activeColor: '#007069',
|
||||
hoverColor: '#1aa391',
|
||||
},
|
||||
// 橙色
|
||||
{
|
||||
primaryColor: '#fa541c',
|
||||
activeColor: '#d4380d',
|
||||
hoverColor: '#ff7a45',
|
||||
},
|
||||
];
|
||||
19
smart-admin-web-javascript/src/theme/custom-variables.js
Normal file
19
smart-admin-web-javascript/src/theme/custom-variables.js
Normal file
@@ -0,0 +1,19 @@
|
||||
import { theme } from 'ant-design-vue/lib';
|
||||
import convertLegacyToken from 'ant-design-vue/lib/theme/convertLegacyToken';
|
||||
|
||||
const { defaultAlgorithm, defaultSeed } = theme;
|
||||
|
||||
const mapToken = defaultAlgorithm(defaultSeed);
|
||||
const token = convertLegacyToken.default(mapToken);
|
||||
|
||||
export default {
|
||||
'@primary-color': token['primary-color'], // 全局主色
|
||||
'@base-bg-color': '#fff',
|
||||
'@hover-bg-color': 'rgba(0, 0, 0, 0.025)',
|
||||
'@hover-bg-color-night': 'rgba(255, 255, 255, 0.025)',
|
||||
'@header-light-bg-hover-color': '#f6f6f6',
|
||||
'@header-height': '80px',
|
||||
'@header-user-height': '40px',
|
||||
'@page-tag-height': '40px',
|
||||
'@theme-list': ['light', 'dark', 'night'],
|
||||
};
|
||||
112
smart-admin-web-javascript/src/theme/index.less
Normal file
112
smart-admin-web-javascript/src/theme/index.less
Normal file
@@ -0,0 +1,112 @@
|
||||
/*
|
||||
* 默认样式的修改
|
||||
*
|
||||
* @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/reset.css';
|
||||
@import './smart-admin.less';
|
||||
|
||||
/********************************** 基础样式 **********************************/
|
||||
* {
|
||||
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;
|
||||
}
|
||||
}
|
||||
114
smart-admin-web-javascript/src/theme/smart-admin.less
Normal file
114
smart-admin-web-javascript/src/theme/smart-admin.less
Normal file
@@ -0,0 +1,114 @@
|
||||
/*
|
||||
* SmartAdmin 独有的样式
|
||||
*
|
||||
* @Author: 1024创新实验室-主任：卓大
|
||||
* @Date: 2022-09-12 14:43:01
|
||||
* @Wechat: zhuda1024
|
||||
* @Email: lab1024@163.com
|
||||
* @Copyright 1024创新实验室 （ https://1024lab.net ），Since 2012
|
||||
*/
|
||||
|
||||
/********************************** 宽度 **********************************/
|
||||
.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-right5 {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.smart-margin-right10 {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.smart-margin-right15 {
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
.smart-margin-right20 {
|
||||
margin-right: 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: 0 3px !important;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.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