新增:仪器仪表采集

main
yupeng 1 month ago
parent 1519d3b2cd
commit 94e38d0b7e

@ -1,6 +1,6 @@
.header { .header {
display: flex; display: flex;
align-self: center;
backdrop-filter: blur(3.4000000953674316px); backdrop-filter: blur(3.4000000953674316px);
box-shadow: 1px 2px 5px 0 rgba(0, 102, 101, 0.25); box-shadow: 1px 2px 5px 0 rgba(0, 102, 101, 0.25);
border: 1px solid; border: 1px solid;
@ -9,6 +9,7 @@
border-top-left-radius: 20px; border-top-left-radius: 20px;
background-color: #fff; background-color: #fff;
} }
.logo { .logo {
position: relative; position: relative;
font-size: 20px; font-size: 20px;
@ -21,6 +22,7 @@
height: 54px; height: 54px;
width: 258px; width: 258px;
} }
.logo::before { .logo::before {
position: absolute; position: absolute;
display: block; display: block;
@ -37,16 +39,19 @@
border-top-left-radius: 20px; border-top-left-radius: 20px;
z-index: -1; z-index: -1;
} }
.menu { .menu {
:global(.ant-menu-title-content) { :global(.ant-menu-title-content) {
color: rgba(0, 102, 101, 1); color: rgba(0, 102, 101, 1);
font-size: 16px; font-size: 16px;
} }
:global(.parallelogram-container___Lxkxf) { :global(.parallelogram-container___Lxkxf) {
height: 30px; height: 30px;
margin-top: 12px; margin-top: 12px;
} }
} }
.parallelogram-container { .parallelogram-container {
/* 平行四边形变换 */ /* 平行四边形变换 */
transform: skewX(-45deg); transform: skewX(-45deg);
@ -56,7 +61,8 @@
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
padding: 0 34px; padding: 0 34px;
background-color: #e0f0f0; /* 浅蓝底色 */ background-color: #e0f0f0;
/* 浅蓝底色 */
//border: none; //border: none;
cursor: pointer; cursor: pointer;
@ -77,6 +83,7 @@
//-webkit-transform: skewX(15deg); //-webkit-transform: skewX(15deg);
margin-right: 8px; margin-right: 8px;
} }
.addBtn { .addBtn {
background-size: cover; background-size: cover;
background-position: center; background-position: center;
@ -85,6 +92,7 @@
border-radius: 4px; border-radius: 4px;
height: 36px; height: 36px;
} }
.delBtn { .delBtn {
background-size: cover; background-size: cover;
background-position: center; background-position: center;
@ -94,6 +102,7 @@
width: 88px; width: 88px;
height: 36px; height: 36px;
} }
.exportBtn { .exportBtn {
background-size: cover; background-size: cover;
background-position: center; background-position: center;
@ -147,51 +156,63 @@
width: 88px; width: 88px;
height: 36px; height: 36px;
} }
.view { .view {
background-color: #B7E5D533; background-color: #B7E5D533;
margin-right: 30px; margin-right: 30px;
border: none; border: none;
} }
.paibanBg { .paibanBg {
background-size: cover; background-size: cover;
background-position: center; background-position: center;
width: 100%; width: 100%;
height: 631px; height: 631px;
} }
.tree { .tree {
background-color: #E7F2ED; background-color: #E7F2ED;
:global(.ant-tree-switcher-leaf-line::after) { :global(.ant-tree-switcher-leaf-line::after) {
border-bottom: 1px solid #006665; border-bottom: 1px solid #006665;
} }
:global(.ant-tree-switcher-leaf-line::before) { :global(.ant-tree-switcher-leaf-line::before) {
border-inline-end: 1px solid #006665; border-inline-end: 1px solid #006665;
} }
:global(.ant-tree-checkbox-inner) { :global(.ant-tree-checkbox-inner) {
border: 1px solid #006665 !important; border: 1px solid #006665 !important;
} }
:global(.ant-tree-indent-unit::before) { :global(.ant-tree-indent-unit::before) {
border-inline-end: none !important; border-inline-end: none !important;
} }
} }
.font1 { .font1 {
color: #999999; color: #999999;
font-size: 14px; font-size: 14px;
} }
.box { .box {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
margin: 20px 0; margin: 20px 0;
} }
.tag { .tag {
margin-right: 20px; margin-right: 20px;
margin-bottom: 10px; margin-bottom: 10px;
} }
.ul { .ul {
li { li {
margin-bottom: 10px; margin-bottom: 10px;
} }
} }
.customDrawer { .customDrawer {
:global(.ant-drawer-header) { :global(.ant-drawer-header) {
background-color: #B8E0D833 !important; background-color: #B8E0D833 !important;

Loading…
Cancel
Save