ewide/zsxt_nbzs_h5
22
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

update 增加了房屋安全的幕墙和面砖表单,未匹配字段

Browse Source
This commit is contained in:
自带大佬气场
2021-05-18 12:07:32 +08:00
parent ba649b9257
commit 5019f78817
43 changed files with 3613 additions and 316 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
Web/src/assets/style/app.less
View File

@@ -26,6 +26,7 @@
@import './lib/input.less';
@import './lib/select.less';
@import './lib/checkbox.less';
@import './lib/radio.less';
@import './lib/cascader.less';
@import './lib/upload.less';
@import './lib/dropdown.less';

80
Web/src/assets/style/lib/form-page.less
View File

@@ -5,57 +5,64 @@
height: 100%;
>.ant-tabs {
>.yo-tab-external-mount {
display: flex;
flex-direction: column;
height: 100%;
>.ant-tabs-bar {
margin-bottom: 0;
>.ant-tabs {
>.ant-tabs-bar {
margin-bottom: 0;
background-color: @white;
background-color: @white;
.ant-tabs-nav-container {
height: @tabs-card-height + @padding-xs;
padding: (@tabs-card-height + @padding-xs - @btn-height-base) / 2 @padding-md;
}
.ant-tabs-tab {
.ant-btn();
&:hover {
border-color: @btn-default-border;
.ant-tabs-nav-container {
height: @tabs-card-height + @padding-xs;
padding: (@tabs-card-height + @padding-xs - @btn-height-base) / 2 @padding-md;
}
}
.ant-tabs-tab {
line-height: @btn-height-base;
.ant-tabs-extra-content {
padding: (@tabs-card-height + @padding-xs - @btn-height-base) / 2 @padding-md;
}
margin-right: -1px;
}
.ant-tabs-tab {
.ant-btn();
transition: none;
.ant-tabs-tab-active {
z-index: 2;
&:hover {
border-color: @btn-default-border;
}
}
color: @btn-primary-color;
border-color: @btn-primary-bg;
background-color: @btn-primary-bg;
.ant-tabs-tab {
line-height: @btn-height-base;
margin-right: -1px;
}
.ant-tabs-tab-active {
z-index: 2;
&:hover {
color: @btn-primary-color;
border-color: color(~`colorPalette('@{btn-primary-bg}', 5) `);
background-color: color(~`colorPalette('@{btn-primary-bg}', 5) `);
border-color: @btn-primary-bg;
background-color: @btn-primary-bg;
&:hover {
color: @btn-primary-color;
border-color: color(~`colorPalette('@{btn-primary-bg}', 5) `);
background-color: color(~`colorPalette('@{btn-primary-bg}', 5) `);
}
}
}
}
>.ant-tabs-content {
>.yo-tab-external-mount-content {
position: relative;
flex: 1;
>.ant-tabs-tabpane {
>.yo-tab-external-tabpane {
position: absolute;
top: 0;
left: 0;
@@ -64,6 +71,12 @@
width: 100%;
height: 100%;
&.yo-tab-external-tabpane-inactive {
pointer-events: none;
opacity: 0;
}
}
}
}
@@ -87,9 +100,9 @@
width: 100%;
}
+.ant-tabs {
>.ant-tabs-content {
>.ant-tabs-tabpane {
+.yo-tab-external-mount {
>.yo-tab-external-mount-content {
>.yo-tab-external-tabpane {
padding-bottom: @padding-xs * 2 + @btn-height-base + @border-width-base * 2;
}
}
@@ -125,8 +138,9 @@
padding: @padding-lg;
>h5 {
border-left: @padding-xs @border-style-base @primary-color;
padding-left: @padding-md;
border-left: @padding-xs @border-style-base @primary-color;
}
}
}

59
Web/src/assets/style/lib/form.less
View File

@@ -282,44 +282,39 @@
}
}
}
.ant-form-item-required {
@keyframes required-animation {
// 0% {
// transform: translateX(-5px) scale(.1);
.ant-form {
fieldset {
margin-bottom: @padding-lg;
padding: @padding-md;
// opacity: .1;
// }
// 15% {
// transform: translateX(-3px) scale(.5);
// opacity: .5;
// }
// 30%,
// 70% {
// transform: translateX(0) scale(1);
// opacity: 1;
// }
// 85% {
// transform: translateX(-3px) scale(.5);
// opacity: .5;
// }
// 100% {
// transform: translateX(-5px) scale(.1);
// opacity: .1;
// }
border: @border-width-base @border-style-base @border-color-split;
}
legend {
display: inline-block;
width: auto;
margin-bottom: 0;
padding: 0 @padding-md;
border: 0;
border-radius: @border-radius-base;
}
}
.ant-form-horizontal {
.ant-form-item-label {
line-height: 1.5;
margin-right: @padding-xs;
padding-top: @padding-sm - 2px;
white-space: normal;
}
}
.ant-form-item-required {
&::before {
margin-top: -4px;
content: '';
animation: required-animation 2s linear infinite;
vertical-align: middle;
border-top: 4px solid transparent;

10
Web/src/assets/style/lib/radio.less Normal file
View File

@@ -0,0 +1,10 @@
@import (reference) '~@/assets/style/extend.less';
.ant-radio-button-wrapper {
margin-right: @padding-xs;
margin-bottom: @padding-xs;
&:not(:first-child) {
&::before {
left: 0;
}
}
}

139
Web/src/assets/style/main.less
View File

@@ -142,7 +142,7 @@
}
.ant-layout-content {
position: relative;
>.ant-tabs {
>.yo-tab-external-mount {
position: absolute;
top: 0;
left: 0;
@@ -152,73 +152,76 @@
flex-direction: column;
width: 100%;
>.ant-tabs-bar {
>.ant-tabs {
z-index: 5;
margin-bottom: 0;
border-bottom: 0;
background-color: @white;
box-shadow: 0 2px 12px fade(@black, 8%);
&::before {
content: none;
}
.ant-tabs-nav-container {
height: 30px;
overflow: visible;
>.ant-tabs-bar {
margin-bottom: 0;
}
.ant-tabs-tab {
line-height: 30px;
height: 30px;
margin-right: 0;
padding: 0;
border-bottom: 0;
background-color: @white;
box-shadow: 0 2px 12px fade(@black, 8%);
&::before {
content: none;
}
.ant-tabs-nav-container {
height: 30px;
margin-bottom: 0;
}
.ant-tabs-tab {
line-height: 30px;
transition: none;
border: 0;
background-color: transparent;
&:hover {
color: @black;
}
&.ant-tabs-tab-active {
color: @white;
border-color: darken(@primary-color, 10%);
background-color: @primary-color;
.ant-tabs-close-x {
color: fade(@white, 70%);
&:hover {
color: @white;
}
}
}
+.ant-tabs-tab {
margin-left: 0;
}
.ant-dropdown-trigger {
padding: 0 @padding-md * 2 0 @padding-md;
}
.ant-tabs-tab-unclosable {
.ant-dropdown-trigger {
padding: 0 @padding-lg 0 @padding-md;
}
}
.ant-tabs-close-x {
position: absolute;
top: 9px;
right: 9px;
margin: 0;
height: 30px;
margin-right: 0;
padding: 0;
transition: none;
border: 0;
background-color: transparent;
&:hover {
color: @black;
}
&.ant-tabs-tab-active {
color: @white;
border-color: darken(@primary-color, 10%);
background-color: @primary-color;
.ant-tabs-close-x {
color: fade(@white, 70%);
&:hover {
color: @white;
}
}
}
+.ant-tabs-tab {
margin-left: 0;
}
.ant-dropdown-trigger {
padding: 0 @padding-md * 2 0 @padding-md;
}
.ant-tabs-tab-unclosable {
.ant-dropdown-trigger {
padding: 0 @padding-lg 0 @padding-md;
}
}
.ant-tabs-close-x {
position: absolute;
top: 9px;
right: 9px;
margin: 0;
transition: none;
}
}
}
}
>.ant-tabs-content {
>.yo-tab-external-mount-content {
position: relative;
height: 100%;
>.ant-tabs-tabpane {
>.yo-tab-external-tabpane {
position: absolute;
top: 0;
left: 0;
@@ -228,18 +231,10 @@
width: 100%;
height: 100%;
>.ant-spin {
position: absolute;
top: 0;
left: 0;
&.yo-tab-external-tabpane-inactive {
pointer-events: none;
display: flex;
overflow: auto;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
opacity: 0;
}
}
}
@@ -539,11 +534,13 @@
}
}
.ant-layout-content {
>.ant-tabs {
>.ant-tabs-bar {
.ant-tabs-nav-container {
width: @container-width - @padding-md * 2;
margin: 0 auto;
.yo-tab-external-mount {
>.ant-tabs {
>.ant-tabs-bar {
.ant-tabs-nav-container {
width: @container-width - @padding-md * 2;
margin: 0 auto;
}
}
}
}