xuziqiang/SaaS-lib
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

push

Browse Source
This commit is contained in:
xuziqiang
2024-05-15 17:29:42 +08:00
commit d0155dbe3c
7296 changed files with 1832517 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

249
lib/paas/theme/global-antd.less Normal file
View File

@@ -0,0 +1,249 @@
//头部被选中高度
.ant-menu-item-selected {
height: @layout-header-height;
}
.ant-menu-item {
line-height: @layout-header-height;
}
.ant-layout-content {
margin: 16px;
background-color: #fff;
}
.ant-layout {
min-height: auto;
}
.ant-menu-inline {
border-right: none;
}
.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-inline > .ant-menu-item {
height: 48px;
line-height: 48px;
}
.ant-layout-sider-children {
color: @text-color !important;
width: @layout-sider-width;
line-height: 48px;
background: #fff;
box-shadow: 2px 0 6px rgba(0, 0, 0, 0.05);
}
.ant-menu-inline .ant-menu-item {
border: 0;
margin: 0;
background-color: white;
}
//侧边导航
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
background-color: #eefefd;
}
.ant-menu-item:not(.ant-menu-item-selected) a:hover {
color: @text-color;
}
.ant-menu-item::after {
z-index: 2;
}
.ant-menu-light .ant-menu-submenu:not(.ant-menu-submenu-selected) .ant-menu-submenu-title:hover {
color: @text-color;
}
.ant-layout-sider {
max-width: @layout-sider-width;
min-width: @layout-sider-width;
width: @layout-sider-width;
}
.ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
color: @layout-sider-arrow-color;
}
.ant-menu-submenu-arrow {
color: @layout-sider-arrow-color;
}
//顶部导航
.ant-menu-dark .ant-menu-item > span > a {
color: #fff;
}
.ant-menu.ant-menu-dark .ant-menu-item-selected {
color: #fff;
background: rgba(0, 0, 0, 0.1);
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item {
color: #fff;
:hover,
:focus,
:active {
background: transparent;
}
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item:hover {
background-color: rgba(0, 0, 0, 0.1);
}
.ant-menu-horizontal > .ant-menu-item a::before {
bottom: 0;
}
//
//
////input
//.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-focused):hover {
// border-color: @input-hover-focus-border-color;
//}
//
////input focus边框
//.ant-input :focus {
// border-color: @input-hover-focus-border-color;
// box-shadow: none;
//}
//
//.ant-input-affix-wrapper-focused {
// border-color: #33dec7;
// box-shadow: none !important;
//}
//
////日期input hover不改变边框
//.ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled) {
// border-color: @border-color-base;
//}
//
//.ant-input:hover {
// border-color: @border-color-base;
//}
//
////select
//.ant-select:not(.ant-select-disabled):hover .ant-select-selector {
// border-color: @input-hover-focus-border-color;
// border-right-width: 1px !important;
//}
//
//.ant-select-focused {
// border-color: #33dec7;
// box-shadow: none !important;
//}
//
//.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input),
//.ant-select-selector {
// border-color: #33dec7;
// box-shadow: none !important;
//}
////tags
//#my-tags a:hover {
// background: #f5f9fb;
// color: @layout-sider-arrow-color;
//}
// #my-tags li #close{
// opacity: 1 !important;
// }
//.ant-form-item-control-input {
// //width: 175% !important;
//}
//
//.ant-input-group-addon {
// padding: 0;
// border: 0;
// border-radius: 0;
//}
//修改用户代理样式
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
-webkit-text-fill-color: #323232;
transition: background-color 5000s ease-out 0.5s;
}
//
////弹框
//.ant-modal-body {
// overflow-y: auto;
// // height: 500px;
// max-height: 550px;
//}
//
////校验时的alert提示
//.ant-form-item-explain.ant-form-item-explain-error {
// min-width: 250px;
//}
//
//.ant-form-item {
// margin-bottom: 22px;
//}
//
//// ant-row ant-form-item ant-form-item-has-error ant-form-item-with-help
//.ant-form-item-has-error,
//.ant-form-item-with-help {
// margin-bottom: 0;
//}
//
//.ant-pagination {
// margin-right: 15px !important;
//}
//日期选择不沾满修正
.ant-calendar-picker {
display: inline-flex;
width: 100%;
> div {
display: inline-flex;
width: 100%;
}
}
.ant-btn {
&-link:hover,
&-link:focus,
&-link:active {
border-color: transparent !important;
}
&-primary {
color: @white;
background-color: @button-primary-color;
&:hover,
&:focus {
color: @white;
background-color: @button-primary-hover-color;
}
}
&-primary:not(&-background-ghost):not([disabled]) {
color: @white;
}
&[disabled],
&[disabled]:hover {
border: 1px solid transparent;
}
}
//.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{
// height: 28px;
//}
//
.ant-picker {
padding: 4px 11px !important;
}
//.ant-input-affix-wrapper > input.ant-input{
// min-height: auto;
//}

305
lib/paas/theme/global.less Normal file
View File

@@ -0,0 +1,305 @@
* {
scrollbar-width: auto;
}
::-webkit-scrollbar {
width: 6px;
height: 8px;
}
::-webkit-scrollbar-track {
background-color: rgb(0 0 0 / 5%);
}
::-webkit-scrollbar-thumb {
background-color: rgb(144 147 153 / 30%);
border-radius: 2px;
box-shadow: inset 0 0 6px rgb(0 0 0 / 20%);
}
::-webkit-scrollbar-thumb:hover {
background-color: #b6b7b9;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
transition: color 99999s 99999s, background-color 9999s 99999s;
}
#app {
// button
.ant-btn {
padding: 0 16px;
}
.ns-icon {
display: inline-block;
overflow: hidden;
fill: currentColor;
width: 1em;
height: 1em;
}
.ns-hide {
display: none;
}
.ns-vertical-form {
//display: flex;
//flex-flow: column wrap;
//align-items: center;
//
//.ant-row {
// padding: 0;
//}
.ant-form-item-control-input-content > * {
width: 300px;
}
//
//.ns-form-item {
// width: 100%;
//}
//
//.ns-child-form-title {
// text-align: right;
//}
}
//application组件
.application {
display: flex;
width: 100%;
height: 100%;
min-height: 100%;
background-color: #f4f7f9;
flex-direction: column;
}
:deep(.ant-layout-content) {
// background-color: #f0f2f5 !important;
overflow: auto;
scrollbar-width: none; /* firefox */
-ms-overflow-style: none; /* IE 10+ */
}
//application-header
.header {
padding: 0;
}
.logo {
min-width: @layout-sider-width !important;
.logoImg {
margin-left: 24px;
transform: translateY(-2px);
}
}
.ant-layout-header {
display: flex;
}
.header_right {
min-width: 140px;
color: #fff;
img {
width: 24px;
height: 24px;
margin-right: 4px;
margin-left: 20px;
transform: translateY(-2px);
}
span {
cursor: pointer;
}
}
}
@font-face {
font-family: 'iconfont';
src: url('/assets/fonts/iconfont.eot');
src: url('/assets/fonts/iconfont.eot?#iefix') format('embedded-opentype'),
url('/assets/fonts/iconfont.woff') format('woff'),
url('/assets/fonts/iconfont.woff2') format('woff'),
url('/assets/fonts/iconfont.ttf') format('truetype'),
url('/assets/fonts/iconfont.svg#iconfont') format('svg');
}
@font-face {
font-family: 'QuartzMS';
src: url('/assets/fonts/QuartzMS.TTF') format('truetype');
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-stroke-width: .2px;
}
.ns-cell-rule-popover {
.ant-popover-inner-content {
color: @error-color;
}
}
.ns-form-item-validate-self {
.ant-input,
.ant-input-affix-wrapper,
.ant-input:hover,
.ant-input-affix-wrapper:hover,
.ant-input-number,
.ant-picker,
&.ant-form-item-has-error .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input) .ant-select-selector {
border-color: @border-color-base !important;
box-shadow: none !important;
}
.ant-form-item-explain, .ant-form-item-extra {
display: none;
}
}
.ant-drawer.start-menu-box {
left: 50px;
top: 48px;
.ant-drawer-content-wrapper {
width: 70%;
max-width: 1100px;
min-width: 900px;
display: flex;
flex-direction: row;
height: calc(100% - 48px) !important;
.menu-search-block {
.search-block {
.search-input {
font-size: 12px;
box-sizing: border-box;
border-radius: 2px;
height: 30px;
color: #6c757d;
.ant-input {
font-size: 12px !important;
color: #6c757d !important;
}
}
}
.search-Tip {
padding: 1em 0;
.search-key {
font-size: 16px;
font-weight: bold;
color: #1498ff;
}
}
.menu-box {
height: 100%;
overflow-y: auto;
margin-bottom: 120px;
display: flex;
flex-wrap: wrap;
flex-direction: row;
.menu-block {
display: inline-block;
vertical-align: top;
padding-top: 4px;
width: 25%;
.menu-block-title {
margin: 0;
line-height: 54px;
font-weight: 700;
font-size: 12px !important;
}
.menu-block-container {
border-top: 1px solid #ddd;
padding-top: 10px;
width: 80%;
margin: 0;
.menu-block-item {
position: relative;
line-height: 38px;
cursor: pointer;
.item-icon {
font-size: 16px !important;
margin-right: 6px;
color: #9b9b9b;
display: inline-block;
vertical-align: middle;
}
span {
display: inline-block;
vertical-align: middle;
}
.tip-icon {
font-size: 12px;
position: absolute;
right: 0;
color: #ddd;
}
&:hover {
color: #00acff;
.item-icon {
color: #00acff;
}
.tip-icon {
color: #00acff;
transform: rotate(-45deg);
}
}
.active {
color: #00acff;
transform: rotate(-45deg);
}
}
}
}
}
}
}
}
// 树形下拉组件选中项样式
.ant-select-tree .ant-select-tree-node-selected {
background-color: #e6fbff !important;
}
// 列表搜索表单中将空项隐藏
.ns-table .ns-table-search .ns-form .ant-row .ant-col:empty {
display: none;
}

2
lib/paas/theme/theme.less Normal file
View File

@@ -0,0 +1,2 @@
@import "global-antd";
@import "global";

94
lib/paas/theme/variable.less Normal file
View File

@@ -0,0 +1,94 @@
@white: #fff;
@primary-color: #00acff; // 全局主色
@button-primary-color: @primary-color;
@button-primary-hover-color: lighten(@primary-color, 5%);
@button-primary-active-color: darken(@primary-color, 5%);
@link-color: #00acff; // 链接色
@success-color: #17BE6B; // 成功色
@warning-color: #FF9901; // 警告色
@error-color: #FF1744; // 错误色
@normal-color: #e6e4e4; // 普通色
@font-size-base: 12px; // 主字号
@font-size-lg:12px;
@heading-font-size-lg:16px;//标题字号
@heading-font-weight:600;//标题加粗
@font-line-height:22px;//文字行高
@heading-font-line-height:24px;//标题文字行高
@heading-color: rgba(0, 0, 0, 0.85); // 标题色
@text-color: #323232; // 主文本色
@text-color-secondary: rgba(0, 0, 0, 0.45); // 次文本色
@disabled-color: #BFBFBF; // 失效色
@border-radius-base: 2px; // 组件/浮层圆角
@border-color-base: #dcdfe2; // 边框色
@box-shadow-base: 0 2px 8px rgba(0, 0, 0, 0.15); // 浮层阴影
@layout-body-background: #f0f2f5; //框架背景色
@layout-header-background:#37ABC4; // 头部背景色
@layout-header-color:rgba(0, 0, 0, 0.85);
@layout-header-link-color: #00acff; // 顶部链接色
@layout-sider-color:#323232;//侧边导航标题颜色
@layout-sider-background:#f7f9fb;//侧边导航背景色
@layout-nav-background:#f0f3f5;//nav背景色
@layout-nav-color:#52616f;//nav字体颜色
@layout-nav-hover:#fff;//navHover背景色
@layout-nav-check-color:#00acff;//nav选中颜色
@layout-sider-width:208px; //侧边导航宽度
@layout-sider-arrow-color:#808d96;//侧边导航箭头颜色
@border-style-base:solid;
@layout-header-height:48px;//头部高度
@line-height-base:22px; //todo 1.5715;
//btn
@btn-height-base:30px;
@btn-height-lg: 30px;
@btn-disable-color: #9b9b9b;//禁用按钮color
@btn-disable-bg: #dfe3e9;//禁用按钮background
@btn-disable-border: 1px solid #ced0da;
@btn-border-radius-base: @border-radius-base;//圆角边框
@btn-border-width: 1px;
@btn-border-style: @border-style-base;
@btn-text-hover-bg: #46ebdb;
@btn-font-size-lg: @font-size-lg;
//input
@input-height-base: 30px;
@input-hover-focus-border-color:#a5a5b5;
// @input-hover-border-color: rgba(0,0,0,.85);//鼠标滑过input边框
//form
@label-color:#52616f;//form-lable颜色
@form-vertical-label-padding: 0;//垂直lable之间内间距
@form-vertical-label-margin: 0,0,16,0px;//垂直lable之间外间距
@form-item-label-height:@input-height-base;
@form-item-margin-bottom: 16px;
//menu
@menu-item-height: 48px;
@menu-item-active-bg: none;
@menu-item-boundary-margin: 0px;
//spin
@spin-dot-size-sm: 14px;
@spin-dot-size: 20px;
@spin-dot-size-lg: 32px;
@border-width-base: 1px;
@border-style-base: solid;
//nav
@nav-open-width:200px;
@nav-width:48px;
//table
@table-padding-vertical: 16px;
@table-padding-horizontal: 16px;
@table-padding-vertical-md: (@table-padding-vertical * 3 / 4);
@table-padding-horizontal-md: (@table-padding-vertical * 3 / 4);