Skip to content

V
vue-composition-api
Commit 98ab0a1f by wangshuangqing
Options

1.媒体查询 

2.调整字段的宽度 大小 高度
parent 33b47300
Showing with 285 additions and 221 deletions
src/styles/media/components/outpatientDetails.scss
@import '../../mixin.scss'; @import '../../mixin.scss';
// 1024 // 1024
@media screen and (min-width: 769px) and (max-width: 1024px) { @media screen and (min-width: 769px) and (max-width: 1024px) {
.outpatientDetails { .outpatientDetails {
&_top { &_top {
.span1 { .span1 {
font-size: 14px; font-size: 14px;
} }
&_message { &_message {
&_left { &_left {
.iconfont { .iconfont {
font-size: 18px !important; font-size: 18px !important;
} }
&_t1 { &_t1 {
font-size: 9px !important; font-size: 9px !important;
span { span {
color: #787e8a; color: #787e8a;
} }
} }
} }
&_centert { &_centert {
.iconfont { .iconfont {
font-size: 18px; font-size: 18px;
} }
&_t2 { &_t2 {
font-size: 9px !important; font-size: 9px !important;
span { span {
color: #787e8a; color: #787e8a;
} }
} }
} }
&_right { &_right {
.iconfont { .iconfont {
font-size: 18px !important; font-size: 18px !important;
} }
&_t3 { &_t3 {
font-size: 9px !important; font-size: 9px !important;
text-align: start !important; text-align: start !important;
span { span {
color: #787e8a; color: #787e8a;
} }
...@@ -54,89 +43,71 @@ ...@@ -54,89 +43,71 @@
} }
} }
} }
&_msg { &_msg {
.iconfont { .iconfont {
font-size: 18px !important; font-size: 18px !important;
} }
span:nth-child(2) { span:nth-child(2) {
margin-left: 21px; margin-left: 21px;
} }
span:nth-child(n + 2) { span:nth-child(n + 2) {
font-size: 9px !important; font-size: 9px !important;
} }
span:nth-child(n + 7) { span:nth-child(n + 7) {
margin-right: 5px; margin-right: 5px;
} }
} }
&_title { &_title {
span { span {
font-size: 13px; font-size: 13px;
} }
} }
&_bottom { &_bottom {
height: 64% !important; height: 64% !important;
// 无数据 // 无数据
&_box { &_box {
&_img { &_img {
width: 200px; width: 200px;
height: 200px; height: 200px;
} }
&_text { &_text {
font-size: 9px !important; font-size: 9px !important;
} }
} }
// 有数据 // 有数据
&_left { &_left {
&_ul { &_ul {
.active { .active {
flex-direction: column !important; flex-direction: column !important;
align-items: flex-start !important; align-items: flex-start !important;
.fc2 { .fc2 {
width: 100% !important; width: 100% !important;
.iconfont { .iconfont {
font-size: 10px !important; font-size: 10px !important;
} }
} }
.fc3 { .fc3 {
width: 100% !important; width: 100% !important;
} }
} }
} }
li { li {
font-size: 9px !important; font-size: 9px !important;
height: 65px !important; height: 65px !important;
div { div {
font-size: 9px !important; font-size: 9px !important;
height: 61px !important; height: 61px !important;
flex-direction: column !important; flex-direction: column !important;
.sp1 { .sp1 {
width: 100% !important; width: 100% !important;
} }
.sp2 { .sp2 {
width: 100% !important; width: 100% !important;
justify-content: start !important; justify-content: start !important;
&_avg { &_avg {
justify-content: start !important; justify-content: start !important;
padding-left: 5px !important; padding-left: 5px !important;
} }
&_reto { &_reto {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
...@@ -148,78 +119,61 @@ ...@@ -148,78 +119,61 @@
} }
} }
} }
&_right { &_right {
width: 50%; width: 50%;
// 无数据样式 // 无数据样式
&_box { &_box {
&_text { &_text {
font-size: 12px !important; font-size: 12px !important;
} }
} }
&_table { &_table {
height: calc(100% - 100px); height: calc(100% - 100px);
} }
.isverifyStyle { .isverifyStyle {
background-color: #f4f5f8; background-color: #f4f5f8;
} }
.paginations { .paginations {
text-align: right; text-align: right;
} }
} }
&_rght2 { &_rght2 {
&_top { &_top {
height: 27% !important; height: 27% !important;
&_title { &_title {
font-size: 12px !important; font-size: 12px !important;
} }
&_mes { &_mes {
flex-direction: column !important; flex-direction: column !important;
&_span1 { &_span1 {
width: 100% !important; width: 100% !important;
font-size: 12px !important; font-size: 12px !important;
margin-bottom: 5px !important; margin-bottom: 5px !important;
} }
&_span2 { &_span2 {
width: 100% !important; width: 100% !important;
font-size: 12px !important; font-size: 12px !important;
margin-bottom: 5px !important; margin-bottom: 5px !important;
} }
&_span3 { &_span3 {
width: 100% !important; width: 100% !important;
font-size: 12px !important; font-size: 12px !important;
margin-bottom: 5px !important; margin-bottom: 5px !important;
} }
&_span4 { &_span4 {
width: 100% !important; width: 100% !important;
font-size: 12px !important; font-size: 12px !important;
} }
} }
} }
&_bottom { &_bottom {
margin-top: 10px !important; margin-top: 10px !important;
&_li { &_li {
&_title { &_title {
width: 54px !important; width: 54px !important;
height: 25px !important; height: 25px !important;
font-size: 16px !important; font-size: 16px !important;
} }
&_cont { &_cont {
font-size: 12px !important; font-size: 12px !important;
} }
...@@ -230,54 +184,43 @@ ...@@ -230,54 +184,43 @@
} }
} }
//1280 //1280
@media screen and (max-width:1280px) { @media screen and (max-width:1280px) {
.outpatientDetails { .outpatientDetails {
&_top { &_top {
.span1 { .span1 {
font-size: 14px; font-size: 14px;
} }
&_message { &_message {
&_left { &_left {
.iconfont { .iconfont {
font-size: 18px !important; font-size: 18px !important;
} }
&_t1 { &_t1 {
font-size: 9px !important; font-size: 9px !important;
span { span {
color: #787e8a; color: #787e8a;
} }
} }
} }
&_centert { &_centert {
.iconfont { .iconfont {
font-size: 18px; font-size: 18px;
} }
&_t2 { &_t2 {
font-size: 9px !important; font-size: 9px !important;
span { span {
color: #787e8a; color: #787e8a;
} }
} }
} }
&_right { &_right {
.iconfont { .iconfont {
font-size: 18px !important; font-size: 18px !important;
} }
&_t3 { &_t3 {
font-size: 9px !important; font-size: 9px !important;
text-align: start !important; text-align: start !important;
span { span {
color: #787e8a; color: #787e8a;
} }
...@@ -285,89 +228,71 @@ ...@@ -285,89 +228,71 @@
} }
} }
} }
&_msg { &_msg {
.iconfont { .iconfont {
font-size: 18px !important; font-size: 18px !important;
} }
span:nth-child(2) { span:nth-child(2) {
margin-left: 21px; margin-left: 21px;
} }
span:nth-child(n + 2) { span:nth-child(n + 2) {
font-size: 9px !important; font-size: 9px !important;
} }
span:nth-child(n + 7) { span:nth-child(n + 7) {
margin-right: 5px; margin-right: 5px;
} }
} }
&_title { &_title {
span { span {
font-size: 13px; font-size: 13px;
} }
} }
&_bottom { &_bottom {
height: 64% !important; height: 64% !important;
// 无数据 // 无数据
&_box { &_box {
&_img { &_img {
width: 200px; width: 200px;
height: 200px; height: 200px;
} }
&_text { &_text {
font-size: 9px !important; font-size: 9px !important;
} }
} }
// 有数据 // 有数据
&_left { &_left {
&_ul { &_ul {
.active { .active {
flex-direction: column !important; flex-direction: column !important;
align-items: flex-start !important; align-items: flex-start !important;
.fc2 { .fc2 {
width: 100% !important; width: 100% !important;
.iconfont { .iconfont {
font-size: 10px !important; font-size: 10px !important;
} }
} }
.fc3 { .fc3 {
width: 100% !important; width: 100% !important;
} }
} }
} }
li { li {
font-size: 9px !important; font-size: 9px !important;
height: 65px !important; height: 65px !important;
div { div {
font-size: 9px !important; font-size: 9px !important;
height: 61px !important; height: 61px !important;
flex-direction: column !important; flex-direction: column !important;
.sp1 { .sp1 {
width: 100% !important; width: 100% !important;
} }
.sp2 { .sp2 {
width: 100% !important; width: 100% !important;
justify-content: start !important; justify-content: start !important;
&_avg { &_avg {
justify-content: start !important; justify-content: start !important;
padding-left: 5px !important; padding-left: 5px !important;
} }
&_reto { &_reto {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
...@@ -379,78 +304,61 @@ ...@@ -379,78 +304,61 @@
} }
} }
} }
&_right { &_right {
width: 50%; width: 50%;
// 无数据样式 // 无数据样式
&_box { &_box {
&_text { &_text {
font-size: 12px !important; font-size: 12px !important;
} }
} }
&_table { &_table {
height: calc(100% - 100px); height: calc(100% - 100px);
} }
.isverifyStyle { .isverifyStyle {
background-color: #f4f5f8; background-color: #f4f5f8;
} }
.paginations { .paginations {
text-align: right; text-align: right;
} }
} }
&_rght2 { &_rght2 {
&_top { &_top {
height: 27% !important; height: 27% !important;
&_title { &_title {
font-size: 12px !important; font-size: 12px !important;
} }
&_mes { &_mes {
flex-direction: column !important; flex-direction: column !important;
&_span1 { &_span1 {
width: 100% !important; width: 100% !important;
font-size: 12px !important; font-size: 12px !important;
margin-bottom: 5px !important; margin-bottom: 5px !important;
} }
&_span2 { &_span2 {
width: 100% !important; width: 100% !important;
font-size: 12px !important; font-size: 12px !important;
margin-bottom: 5px !important; margin-bottom: 5px !important;
} }
&_span3 { &_span3 {
width: 100% !important; width: 100% !important;
font-size: 12px !important; font-size: 12px !important;
margin-bottom: 5px !important; margin-bottom: 5px !important;
} }
&_span4 { &_span4 {
width: 100% !important; width: 100% !important;
font-size: 12px !important; font-size: 12px !important;
} }
} }
} }
&_bottom { &_bottom {
margin-top: 10px !important; margin-top: 10px !important;
&_li { &_li {
&_title { &_title {
width: 54px !important; width: 54px !important;
height: 25px !important; height: 25px !important;
font-size: 16px !important; font-size: 16px !important;
} }
&_cont { &_cont {
font-size: 12px !important; font-size: 12px !important;
} }
...@@ -462,53 +370,55 @@ ...@@ -462,53 +370,55 @@
} }
// 1366px // 1366px
@media screen and (min-width: 1366px) and(max-width:1439px) { @media screen and (min-width: 1366px) and(max-width:1439px) {
.outpatientDetails { .outpatientDetails {
height: 768px !important;
&_top { &_top {
.span1 { .span1 {
font-size: 14px; font-size: 14px;
} }
&_message { &_message {
&_left { &_left {
.iconfont { .iconfont {
font-size: 18px !important; font-size: 18px !important;
} }
&_t1 { &_t1 {
font-size: 9px !important; font-size: 12px !important;
span { span {
color: #787e8a; color: #787e8a;
} }
} }
} }
&_centert { &_centert {
.iconfont { .iconfont {
font-size: 18px; font-size: 18px;
} }
&_t2 { &_t2 {
font-size: 9px !important; font-size: 12px !important;
span { span {
color: #787e8a; color: #787e8a;
} }
} }
} }
&_right { &_right {
.iconfont { .iconfont {
font-size: 18px !important; font-size: 18px !important;
} }
&_t3 { &_t3 {
font-size: 9px !important; font-size: 12px !important;
text-align: start !important;
span {
color: #787e8a;
}
}
}
&_low {
.iconfont {
font-size: 18px !important;
}
&_t4 {
font-size: 12px !important;
text-align: start !important; text-align: start !important;
span { span {
color: #787e8a; color: #787e8a;
} }
...@@ -516,77 +426,61 @@ ...@@ -516,77 +426,61 @@
} }
} }
} }
&_msg { &_msg {
.iconfont { .iconfont {
font-size: 18px !important; font-size: 18px !important;
} }
span:nth-child(2) { span:nth-child(2) {
margin-left: 21px; margin-left: 21px;
} }
span:nth-child(n + 2) { span:nth-child(n + 2) {
font-size: 9px !important; font-size: 12px !important;
} }
span:nth-child(n + 7) { span:nth-child(n + 7) {
margin-right: 5px; margin-right: 5px;
} }
} }
&_title { &_title {
span { span {
font-size: 13px; font-size: 13px;
} }
} }
&_bottom { &_bottom {
height: 64% !important; height: 55% !important;
&_leftShowBox {
width: 83% !important;
// 无数据 // 无数据
&_box { &_box {
&_img { &_img {
width: 200px; width: 200px;
height: 200px; height: 200px;
} }
&_text { &_text {
font-size: 9px !important; font-size: 9px !important;
} }
} }
// 有数据 // 有数据
&_left { &_left {
width: 45% !important;
&_ul { &_ul {
.active { .active {
.fc2 { .fc2 {
.iconfont { .iconfont {
font-size: 10px !important; font-size: 10px !important;
} }
} }
.fc3 {} .fc3 {}
} }
} }
li { li {
font-size: 9px !important; font-size: 9px !important;
div { div {
font-size: 9px !important; font-size: 9px !important;
.sp1 {} .sp1 {}
.sp2 { .sp2 {
&_avg { &_avg {
padding-left: 5px !important; padding-left: 5px !important;
} }
&_reto { &_reto {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
...@@ -598,74 +492,61 @@ ...@@ -598,74 +492,61 @@
} }
} }
} }
&_right { &_right {
width: 50%; width: 55% !important;
height: 90% !important;
margin-bottom: 10px !important;
// 无数据样式 // 无数据样式
&_box { &_box {
&_text { &_text {
font-size: 12px !important; font-size: 12px !important;
} }
} }
&_table { &_table {
height: calc(100% - 100px); height: calc(100% - 100px);
} }
.isverifyStyle { .isverifyStyle {
background-color: #f4f5f8; background-color: #f4f5f8;
} }
.paginations { .paginations {
text-align: right; text-align: right;
} }
} }
}
&_rght2 { &_rght2 {
height: 87% !important;
width: 17% !important;
&_top { &_top {
height: 30% !important;
&_title { &_title {
font-size: 13px !important; font-size: 13px !important;
display: flex !important;
justify-content: flex-start !important;
align-items: center !important;
} }
&_mes { &_mes {
&_span1 { &_span1 {
font-size: 12px !important; font-size: 12px !important;
} }
&_span2 { &_span2 {
font-size: 12px !important; font-size: 12px !important;
} }
&_span3 { &_span3 {
font-size: 12px !important; font-size: 12px !important;
} }
&_span4 { &_span4 {
font-size: 12px !important; font-size: 12px !important;
} }
} }
} }
&_bottom { &_bottom {
height: 70% !important;
&_li { &_li {
&_title { &_title {
width: 54px !important; width: 54px !important;
height: 25px !important; height: 25px !important;
font-size: 16px !important; font-size: 16px !important;
} }
&_cont { &_cont {
font-size: 14px !important; font-size: 14px !important;
} }
...@@ -673,27 +554,185 @@ ...@@ -673,27 +554,185 @@
} }
} }
} }
} }
} }
//1400 //1400
@media screen and (min-width: 1440px) and(max-width:1599px) { @media screen and (min-width: 1440px) and(max-width:1599px) {
.outpatientDetails { .outpatientDetails {
&_top {
.span1 {
font-size: 14px;
}
&_message {
&_left {
.iconfont {
font-size: 18px !important;
}
&_t1 {
font-size: 12px !important;
span {
color: #787e8a;
}
}
}
&_centert {
.iconfont {
font-size: 18px;
}
&_t2 {
font-size: 12px !important;
span {
color: #787e8a;
}
}
}
&_right {
.iconfont {
font-size: 18px !important;
}
&_t3 {
font-size: 12px !important;
text-align: start !important;
span {
color: #787e8a;
}
}
}
&_low {
.iconfont {
font-size: 18px !important;
}
&_t4 {
font-size: 12px !important;
text-align: start !important;
span {
color: #787e8a;
}
}
}
}
}
&_msg {
.iconfont {
font-size: 18px !important;
}
span:nth-child(2) {
margin-left: 21px;
}
span:nth-child(n + 2) {
font-size: 12px !important;
}
span:nth-child(n + 7) {
margin-right: 5px;
}
}
&_bottom { &_bottom {
height: 60% !important;
// margin-top: 10px !important; &_leftShowBox {
width: 83% !important;
// 无数据
&_box {
&_img {
width: 200px;
height: 200px;
}
&_text {
font-size: 9px !important;
}
}
// 有数据
&_left {
width: 45% !important;
&_ul {
.active {
.fc2 {
.iconfont {
font-size: 10px !important;
}
}
.fc3 {}
}
}
li {
font-size: 9px !important;
div {
font-size: 9px !important;
.sp1 {}
.sp2 {
&_avg {
padding-left: 5px !important;
}
&_reto {
display: flex;
flex-direction: row;
align-items: center;
width: 50%;
justify-content: flex-end;
}
}
}
}
}
&_right {
width: 55% !important;
height: 90% !important;
margin-bottom: 10px !important;
// 无数据样式
&_box {
&_text {
font-size: 12px !important;
}
}
&_table {
height: calc(100% - 100px);
}
.isverifyStyle {
background-color: #f4f5f8;
}
.paginations {
text-align: right;
}
}
}
&_rght2 {
height: 87% !important;
width: 17% !important;
&_top {
height: 30% !important;
&_title {
font-size: 13px !important;
display: flex !important;
justify-content: flex-start !important;
align-items: center !important;
}
&_mes {
&_span1 {
font-size: 12px !important;
}
&_span2 {
font-size: 12px !important;
}
&_span3 {
font-size: 12px !important;
}
&_span4 {
font-size: 12px !important;
}
}
}
&_bottom {
height: 70% !important;
&_li { &_li {
&_title { &_title {
width: 54px !important; width: 54px !important;
height: 25px !important; height: 25px !important;
font-size: 16px !important; font-size: 16px !important;
} }
&_cont { &_cont {
font-size: 16px !important; font-size: 14px !important;
}
}
} }
} }
} }
...@@ -702,51 +741,53 @@ ...@@ -702,51 +741,53 @@
//1600 //1600
@media screen and (min-width: 1600px) and(max-width:1919px) { @media screen and (min-width: 1600px) and(max-width:1919px) {
.outpatientDetails { .outpatientDetails {
&_top { &_top {
.span1 { .span1 {
font-size: 14px; font-size: 14px;
} }
&_message { &_message {
&_left { &_left {
.iconfont { .iconfont {
font-size: 18px !important; font-size: 18px !important;
} }
&_t1 { &_t1 {
font-size: 9px !important; font-size: 12px !important;
span { span {
color: #787e8a; color: #787e8a;
} }
} }
} }
&_centert { &_centert {
.iconfont { .iconfont {
font-size: 18px; font-size: 18px;
} }
&_t2 { &_t2 {
font-size: 9px !important; font-size: 12px !important;
span { span {
color: #787e8a; color: #787e8a;
} }
} }
} }
&_right { &_right {
.iconfont { .iconfont {
font-size: 18px !important; font-size: 18px !important;
} }
&_t3 { &_t3 {
font-size: 9px !important; font-size: 12px !important;
text-align: start !important;
span {
color: #787e8a;
}
}
}
&_low {
.iconfont {
font-size: 18px !important;
}
&_t4 {
font-size: 12px !important;
text-align: start !important; text-align: start !important;
span { span {
color: #787e8a; color: #787e8a;
} }
...@@ -754,75 +795,58 @@ ...@@ -754,75 +795,58 @@
} }
} }
} }
&_msg { &_msg {
.iconfont { .iconfont {
font-size: 18px !important; font-size: 18px !important;
} }
span:nth-child(2) { span:nth-child(2) {
margin-left: 21px; margin-left: 21px;
} }
span:nth-child(n + 2) { span:nth-child(n + 2) {
font-size: 9px !important; font-size: 12px !important;
} }
span:nth-child(n + 7) { span:nth-child(n + 7) {
margin-right: 5px; margin-right: 5px;
} }
} }
&_title { &_title {
span { span {
font-size: 13px; font-size: 13px;
} }
} }
&_bottom { &_bottom {
height: 64% !important; height: 64% !important;
&_leftShowBox {
// 无数据 // 无数据
&_box { &_box {
&_img { &_img {
width: 200px; width: 200px;
height: 200px; height: 200px;
} }
&_text { &_text {
font-size: 9px !important; font-size: 9px !important;
} }
} }
// 有数据 // 有数据
&_left { &_left {
width: 38% !important;
&_ul { &_ul {
.active { .active {
.fc2 { .fc2 {
.iconfont { .iconfont {
font-size: 10px !important; font-size: 10px !important;
} }
} }
} }
} }
li { li {
font-size: 9px !important; font-size: 9px !important;
div { div {
font-size: 9px !important; font-size: 9px !important;
.sp2 { .sp2 {
&_avg { &_avg {
padding-left: 5px !important; padding-left: 5px !important;
} }
&_reto { &_reto {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
...@@ -834,75 +858,55 @@ ...@@ -834,75 +858,55 @@
} }
} }
} }
&_right { &_right {
width: 50%; width: 62% !important;
// 无数据样式 // 无数据样式
&_box { &_box {
&_text { &_text {
font-size: 12px !important; font-size: 12px !important;
} }
} }
&_table { &_table {
height: calc(100% - 100px); height: calc(100% - 100px);
} }
.isverifyStyle { .isverifyStyle {
background-color: #f4f5f8; background-color: #f4f5f8;
} }
.paginations { .paginations {
text-align: right; text-align: right;
} }
} }
}
&_rght2 { &_rght2 {
&_top { &_top {
height: 20% !important; height: 20% !important;
&_title { &_title {
height: 24px !important; height: 24px !important;
font-size: 16px !important; font-size: 16px !important;
display: flex !important;
justify-content: flex-start !important;
align-items: center !important;
} }
&_mes { &_mes {
&_span1 { &_span1 {
font-size: 12px !important; font-size: 12px !important;
} }
&_span2 { &_span2 {
font-size: 12px !important; font-size: 12px !important;
} }
&_span3 { &_span3 {
font-size: 12px !important; font-size: 12px !important;
} }
&_span4 { &_span4 {
font-size: 12px !important; font-size: 12px !important;
} }
} }
} }
&_bottom { &_bottom {
&_li { &_li {
&_title { &_title {
font-size: 18px !important; font-size: 18px !important;
} }
&_cont { &_cont {
font-size: 16px !important; font-size: 16px !important;
} }
......
src/views/outpatientDetails.vue
...@@ -170,6 +170,7 @@ ...@@ -170,6 +170,7 @@
style="width: 100%;" style="width: 100%;"
height='98%' height='98%'
row-key="id" row-key="id"
size="small"
:default-expand-all="false" :default-expand-all="false"
:highlight-current-row="true" :highlight-current-row="true"
:tree-props="{ children: 'inpat_FeeDatas', hasChildren: 'hasChildren' }" :tree-props="{ children: 'inpat_FeeDatas', hasChildren: 'hasChildren' }"
...@@ -211,7 +212,7 @@ ...@@ -211,7 +212,7 @@
style="width: 100%" style="width: 100%"
:default-sort="{ prop: 'date', order: 'descending' }" :default-sort="{ prop: 'date', order: 'descending' }"
:row-class-name="tableRowClassName" :row-class-name="tableRowClassName"
height="575" height='98%'
> >
<el-table-column <el-table-column
label="开单日期" label="开单日期"
...@@ -641,7 +642,7 @@ export default { ...@@ -641,7 +642,7 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "../styles/mixin.scss"; @import "../styles/mixin.scss";
// @import '../styles/media/components/outpatientDetails.scss'; @import '../styles/media/components/outpatientDetails.scss';
// 左侧表格点击高亮背景色 // 左侧表格点击高亮背景色
...@@ -836,8 +837,66 @@ color: #55a6da !important; ...@@ -836,8 +837,66 @@ color: #55a6da !important;
} }
span:nth-child(2) { span:nth-child(2) {
margin-left: 21px; margin-left: 21px;
width: 200px;
height: 39px;
background-color: #fff;
font-size: 14px;
color: #6d7381;
display: flex;
align-items: center;
justify-content: center;
font-family: PingFang SC;
margin-right: 5px;
}
span:nth-child(3) {
width: 200px;
height: 39px;
background-color: #fff;
font-size: 14px;
color: #6d7381;
display: flex;
align-items: center;
justify-content: center;
font-family: PingFang SC;
margin-right: 5px;
}
span:nth-child(4) {
width: 258px;
height: 39px;
background-color: #fff;
font-size: 14px;
color: #6d7381;
display: flex;
align-items: center;
justify-content: center;
font-family: PingFang SC;
margin-right: 5px;
}
span:nth-child(5) {
width: 200px;
height: 39px;
background-color: #fff;
font-size: 14px;
color: #6d7381;
display: flex;
align-items: center;
justify-content: center;
font-family: PingFang SC;
margin-right: 5px;
} }
span:nth-child(n + 2) { span:nth-child(6) {
width: 200px;
height: 39px;
background-color: #fff;
font-size: 14px;
color: #6d7381;
display: flex;
align-items: center;
justify-content: center;
font-family: PingFang SC;
margin-right: 5px;
}
span:nth-child(n + 7) {
width: 258px; width: 258px;
height: 39px; height: 39px;
background-color: #fff; background-color: #fff;
...@@ -1178,6 +1237,7 @@ color: #55a6da !important; ...@@ -1178,6 +1237,7 @@ color: #55a6da !important;
} }
&_right { &_right {
width: 65%; width: 65%;
height: 90%;
// 无数据样式 // 无数据样式
&_box { &_box {
width: 100%; width: 100%;
...@@ -1213,7 +1273,7 @@ color: #55a6da !important; ...@@ -1213,7 +1273,7 @@ color: #55a6da !important;
width: 20%; width: 20%;
height: 100%; height: 100%;
border: 1px solid #f6f6f8; border: 1px solid #f6f6f8;
padding: 10px; padding:0 10px;
&_top { &_top {
height: 20%; height: 20%;
width: 100%; width: 100%;
...@@ -1247,7 +1307,7 @@ color: #55a6da !important; ...@@ -1247,7 +1307,7 @@ color: #55a6da !important;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 400; font-weight: 400;
color: #5d5d5d; color: #5d5d5d;
margin-right: 5px; // margin-right: 5px;
cursor: pointer;/*鼠标移上有小手*/ cursor: pointer;/*鼠标移上有小手*/
} }
&_span1background{ &_span1background{
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment