@media screen and (min-width: 1920px) {
|
|
html,
|
body {
|
font-size: countSizeVh(16) !important;
|
|
#app {
|
width: 100vw;
|
height: 100vh;
|
|
.wrapper {
|
width: 100vw;
|
height: 100vh;
|
|
.main-header {
|
width: 100vw;
|
height: countSizeVh(60);
|
line-height: countSizeVh(60);
|
|
.title {
|
font-size: countSizeVh(24);
|
}
|
|
.menu-list.left {
|
margin-left: countSizeVh(72);
|
}
|
|
.menu-list.right {
|
margin-right: countSizeVh(72);
|
}
|
|
.menu-list {
|
|
.nav-list {
|
width: countSizeVw(132, 1920);
|
height: countSizeVh(36);
|
font-size: countSizeVh(18);
|
|
.sub-nav-list {
|
border-top: countSizeVh(14) solid transparent;
|
top: countSizeVh(28);
|
left: countSizeVw(72, 1920);
|
|
div {
|
height: countSizeVh(36);
|
line-height: countSizeVh(36);
|
font-size: countSizeVh(16);
|
}
|
|
div:first-child {
|
padding-top: countSizeVh(10);
|
}
|
|
div:last-child {
|
padding-bottom: countSizeVh(10);
|
}
|
}
|
|
}
|
}
|
}
|
|
.main-content {
|
top: countSizeVh(60);
|
height: calc(100% - countSizeVh(60));
|
|
.home-page {
|
|
.left-container,
|
.right-container {
|
top: countSizeVh(60);
|
width: countSizeVw(400, 1920);
|
height: calc(100% - countSizeVh(60));
|
|
.person-box,
|
.land-box,
|
.case-box,
|
.crowd-box {
|
height: countSizeVh(320);
|
}
|
|
.person-box,
|
.house-box,
|
.land-box,
|
.case-box,
|
.alert-box,
|
.crowd-box {
|
|
.title {
|
padding: 0 countSizeVw(18, 1920) 0 countSizeVw(18, 1920);
|
height: countSizeVh(58);
|
line-height: countSizeVh(58);
|
font-size: countSizeVh(16);
|
}
|
|
.sub-title {
|
line-height: countSizeVh(36);
|
}
|
|
.sub-tab {
|
padding: countSizeVh(10);
|
|
.tab {
|
|
&>div {
|
height: countSizeVh(22);
|
line-height: countSizeVh(22);
|
}
|
|
&>div.tab-title-small {
|
height: maxCountSizeVh(32);
|
line-height: maxCountSizeVh(32);
|
}
|
}
|
}
|
|
}
|
|
.house-box,
|
.alert-box {
|
|
.title {
|
height: countSizeVh(62);
|
line-height: countSizeVh(62);
|
}
|
}
|
}
|
|
.bottom-container {
|
left: countSizeVw(400, 1920);
|
width: calc(100% - countSizeVw(400, 1920) * 2);
|
height: countSizeVh(320);
|
}
|
|
.region-select {
|
top: countSizeVh(20);
|
}
|
|
.center-container {
|
bottom: countSizeVh(340);
|
|
.layers-control-btn {
|
width: countSizeVw(96, 1920);
|
height: countSizeVh(40);
|
border-radius: countSizeVh(20)
|
}
|
}
|
|
.el-checkbox__inner {
|
width: countSizeVh(20);
|
height: countSizeVh(20);
|
}
|
|
.el-checkbox__label {
|
font-size: countSizeVh(16) !important;
|
}
|
}
|
|
.house-page {
|
.container-content {
|
|
.search-box {
|
height: countSizeVh(48);
|
|
input {
|
font-size: countSizeVh(18);
|
}
|
|
button {
|
width: countSizeVw(80, 1920);
|
font-size: countSizeVh(24);
|
}
|
}
|
|
.search-val-box {
|
top: countSizeVh(48);
|
left: countSizeVw(6, 1920);
|
width: calc(100% - 2 * countSizeVw(6, 1920));
|
max-height: countSizeVh(160);
|
border-radius: countSizeVh(10);
|
|
&>div {
|
div {
|
padding: 0 countSizeVw(10, 1920);
|
line-height: countSizeVh(36);
|
cursor: pointer;
|
}
|
}
|
}
|
|
.result-content {
|
height: calc(100% - countSizeVh(48));
|
|
.housing-estate-info {
|
|
.housing-title {
|
padding: 0 countSizeVw(10, 1920);
|
height: countSizeVh(40);
|
line-height: countSizeVh(40);
|
font-size: countSizeVh(28);
|
|
&::after {
|
top: countSizeVh(18);
|
left: countSizeVw(10, 1920);
|
right: countSizeVw(10, 1920);
|
top: countSizeVh(4);
|
}
|
}
|
|
.housing-bg {
|
margin-top: countSizeVh(6);
|
height: countSizeVh(200);
|
}
|
|
.housing-introduce {
|
|
&>div {
|
padding: 0 countSizeVw(10, 1920);
|
|
.l {
|
width: countSizeVw(80, 1920);
|
line-height: countSizeVh(40);
|
}
|
|
.r {
|
line-height: countSizeVh(40);
|
}
|
}
|
}
|
}
|
|
.nav-tab {
|
|
.nav {
|
height: countSizeVh(40);
|
line-height: countSizeVh(40);
|
border-bottom: countSizeVh(1) solid #33566c;
|
}
|
}
|
|
.base-info {
|
|
.sub-nav-list {
|
padding: countSizeVw(14, 1920) 0;
|
|
.sub-nav {
|
width: countSizeVw(76, 1920);
|
height: countSizeVh(26);
|
line-height: countSizeVh(26);
|
border-radius: countSizeVh(13);
|
}
|
|
.on {
|
border: countSizeVh(1) solid #fff;
|
}
|
}
|
|
&>.floor-content {
|
|
.build-info {
|
height: countSizeVh(100);
|
}
|
|
.nextBtn {
|
left: countSizeVw(1, 1920);
|
width: countSizeVw(20, 1920);
|
height: countSizeVh(60);
|
padding-top: countSizeVh(12);
|
|
i {
|
font-size: countSizeVh(30);
|
margin-left: countSizeVw(-5, 1920);
|
}
|
}
|
|
.rightBtn {
|
left: countSizeVw(369, 1920);
|
}
|
|
.build-outBox {
|
left: countSizeVw(18, 1920);
|
width: countSizeVw(356, 1920);
|
height: countSizeVh(100);
|
|
.build-box {
|
|
.ridgepole-list {
|
width: countSizeVw(356, 1920);
|
|
&>div {
|
margin: countSizeVh(6) countSizeVw(8, 1920);
|
width: countSizeVw(54, 1920);
|
height: countSizeVh(36);
|
line-height: countSizeVh(36);
|
border: countSizeVh(1) solid #ccc;
|
}
|
}
|
}
|
}
|
}
|
}
|
}
|
}
|
}
|
|
.police-page {
|
.switch-box {
|
padding: countSizeVh(6);
|
|
.el-input__inner {
|
height: countSizeVh(40);
|
font-size: countSizeVh(16);
|
|
}
|
|
.el-icon-arrow-up:before {
|
font-size: countSizeVh(16);
|
line-height: countSizeVh(40);
|
}
|
|
.el-input__suffix {
|
right: countSizeVw(5, 1920);
|
}
|
|
.el-select-dropdown__wrap {
|
height: countSizeVh(274);
|
}
|
|
}
|
|
.list-show {
|
height: calc(100% - countSizeVh(50));
|
|
.search-box {
|
padding: countSizeVh(6) countSizeVw(6, 1920);
|
height: countSizeVh(46);
|
|
input {
|
font-size: countSizeVh(18);
|
border-radius: countSizeVh(20);
|
}
|
}
|
|
.list {
|
height: calc(100% - countSizeVh(48));
|
|
.el-button--text {
|
font-size: countSizeVh(14);
|
}
|
|
.pages {
|
height: countSizeVh(40);
|
|
&>div {
|
display: flex;
|
align-items: center;
|
|
&>button {
|
width: countSizeVh(32);
|
height: countSizeVh(32);
|
|
&>i {
|
font-size: countSizeVh(16);
|
}
|
}
|
|
&>ul {
|
display: flex;
|
align-items: center;
|
|
li {
|
width: countSizeVh(32);
|
height: countSizeVh(32);
|
line-height: countSizeVh(32);
|
font-size: countSizeVh(16);
|
}
|
}
|
}
|
|
}
|
|
.state-box {
|
width: countSizeVw(20, 1920);
|
height: countSizeVh(20);
|
line-height: countSizeVh(20);
|
}
|
|
.el-table__header-wrapper {
|
height: countSizeVh(48);
|
|
.el-table__header {
|
height: 100%;
|
|
}
|
}
|
|
.el-table th.el-table__cell {
|
height: 100%;
|
}
|
|
.el-table .cell {
|
line-height: countSizeVh(48);
|
font-size: countSizeVh(16);
|
}
|
|
.el-table th.el-table__cell>.cell {
|
height: 100%;
|
}
|
|
.el-table__empty-text {
|
font-size: countSizeVh(16);
|
}
|
|
|
}
|
|
}
|
|
.track-box {
|
height: calc(100% - countSizeVh(50));
|
|
.back-btn {
|
height: countSizeVh(42);
|
line-height: countSizeVh(42);
|
border-bottom: countSizeVh(1) solid #fff;
|
}
|
|
.back-btn::before {
|
height: countSizeVh(28);
|
line-height: countSizeVh(28);
|
top: countSizeVh(4);
|
left: countSizeVw(8, 1920);
|
}
|
|
li {
|
padding: 0 countSizeVw(4, 1920);
|
height: countSizeVh(42);
|
line-height: countSizeVh(42);
|
border-bottom: countSizeVh(1) solid #fff;
|
}
|
|
li:last-child {
|
.el-button {
|
width: countSizeVw(68, 1920);
|
height: countSizeVh(32);
|
line-height: countSizeVh(32);
|
}
|
}
|
}
|
}
|
|
.video-page {
|
.list {
|
.search-box {
|
padding: countSizeVw(6, 1920) countSizeVh(6);
|
height: countSizeVh(52);
|
|
input {
|
font-size: countSizeVh(18);
|
border: countSizeVh(1) solid rgb(0, 92, 169);
|
border-radius: countSizeVh(20) 0 0 countSizeVw(20, 1920);
|
}
|
|
button {
|
font-size: countSizeVh(24);
|
width: countSizeVw(80, 1920);
|
border: countSizeVh(1) solid rgb(0, 92, 169);
|
border-radius: 0 countSizeVw(20, 1920) countSizeVh(20) 0;
|
}
|
|
button:active {
|
border: countSizeVh(1) solid rgb(0, 92, 169);
|
}
|
}
|
|
.search-val-box {
|
top: countSizeVh(48);
|
left: countSizeVw(6, 1920);
|
width: calc(100% - countSizeVw(12, 1920));
|
max-height: countSizeVh(160);
|
border-radius: countSizeVh(10) countSizeVw(10, 1920);
|
|
&>div {
|
padding: 0 countSizeVw(10, 1920);
|
line-height: countSizeVh(36);
|
}
|
}
|
|
.draw-btn {
|
margin: countSizeVh(8) countSizeVw(8, 1920);
|
height: countSizeVh(26);
|
|
.el-button--mini {
|
font-size: countSizeVh(16);
|
padding: countSizeVh(8) 0;
|
border-radius: countSizeVh(4);
|
|
}
|
}
|
|
.range-input {
|
right: countSizeVw(-190, 1920);
|
top: countSizeVh(20);
|
width: countSizeVw(180, 1920);
|
height: countSizeVh(100);
|
|
input {
|
border: countSizeVh(1) solid #005ca9;
|
width: countSizeVw(160, 1920);
|
height: countSizeVh(30);
|
margin-top: countSizeVh(10);
|
padding-left: countSizeVw(6, 1920);
|
}
|
|
.btn {
|
width: countSizeVw(60, 1920);
|
height: countSizeVh(30);
|
border-radius: countSizeVh(4);
|
margin-top: countSizeVh(10);
|
}
|
|
.close {
|
width: countSizeVw(20, 1920);
|
height: countSizeVh(10);
|
}
|
|
.close::before {
|
font-size: countSizeVh(18);
|
}
|
}
|
|
.list-show {
|
.pages {
|
height: countSizeVh(40);
|
|
&>div {
|
display: flex;
|
align-items: center;
|
|
&>button {
|
width: countSizeVh(32);
|
height: countSizeVh(32);
|
|
&>i {
|
font-size: countSizeVh(16);
|
}
|
}
|
|
&>ul {
|
display: flex;
|
align-items: center;
|
|
li {
|
width: countSizeVh(32);
|
height: countSizeVh(32);
|
line-height: countSizeVh(32);
|
font-size: countSizeVh(16);
|
}
|
}
|
}
|
}
|
|
.el-table__header-wrapper {
|
height: countSizeVh(48);
|
|
.el-table__header {
|
height: 100%;
|
|
}
|
}
|
|
.el-table th.el-table__cell {
|
height: 100%;
|
}
|
|
.el-table .cell {
|
line-height: countSizeVh(48);
|
font-size: countSizeVh(16);
|
}
|
|
.el-table th.el-table__cell>.cell {
|
height: 100%;
|
}
|
|
.el-table__empty-text {
|
font-size: countSizeVh(16);
|
}
|
}
|
}
|
|
.region {
|
.left-container {
|
.search-box {
|
padding: countSizeVw(6, 1920) countSizeVh(6);
|
height: countSizeVh(52);
|
|
input {
|
font-size: countSizeVh(18);
|
border: countSizeVh(1) solid rgb(0, 92, 169);
|
border-radius: countSizeVh(20) 0 0 countSizeVw(20, 1920);
|
}
|
|
button {
|
font-size: countSizeVh(24);
|
width: countSizeVw(80, 1920);
|
border: countSizeVh(1) solid rgb(0, 92, 169);
|
border-radius: 0 countSizeVw(20, 1920) countSizeVh(20) 0;
|
}
|
|
button:active {
|
border: countSizeVh(1) solid rgb(0, 92, 169);
|
}
|
}
|
|
.search-val-box {
|
top: countSizeVh(48);
|
left: countSizeVw(6, 1920);
|
width: calc(100% - countSizeVw(12, 1920));
|
max-height: countSizeVh(160);
|
border-radius: countSizeVh(10) countSizeVw(10, 1920);
|
|
&>div {
|
padding: 0 countSizeVw(10, 1920);
|
line-height: countSizeVh(36);
|
}
|
}
|
|
.list-show {
|
&>div {
|
.list-box {
|
.btn {
|
width: 60px;
|
height: countSizeVh(30);
|
border-radius: countSizeVh(4) countSizeVw(4, 1920);
|
margin-top: countSizeVh(10);
|
}
|
|
.btn:active {
|
border: countSizeVh(1) solid rgb(0, 92, 169);
|
}
|
}
|
}
|
|
.el-table__header-wrapper {
|
height: countSizeVh(48);
|
|
.el-table__header {
|
height: 100%;
|
}
|
}
|
|
.el-table th.el-table__cell {
|
height: 100%;
|
}
|
|
.el-table .cell {
|
line-height: countSizeVh(48);
|
font-size: countSizeVh(16);
|
}
|
|
.el-table th.el-table__cell>.cell {
|
height: 100%;
|
}
|
|
.el-table__empty-text {
|
font-size: countSizeVh(16);
|
}
|
|
.pages {
|
height: countSizeVh(40);
|
|
&>div {
|
display: flex;
|
align-items: center;
|
|
&>button {
|
width: countSizeVh(32);
|
height: countSizeVh(32);
|
|
&>i {
|
font-size: countSizeVh(16);
|
}
|
}
|
|
&>ul {
|
display: flex;
|
align-items: center;
|
|
li {
|
width: countSizeVh(32);
|
height: countSizeVh(32);
|
line-height: countSizeVh(32);
|
font-size: countSizeVh(16);
|
}
|
}
|
}
|
|
|
}
|
}
|
}
|
}
|
}
|
|
.activity-page {
|
.container-content {
|
font-size: countSizeVh(24);
|
|
.title {
|
height: countSizeVh(40);
|
line-height: countSizeVh(40);
|
font-size: countSizeVh(24);
|
letter-spacing: countSizeVw(20, 1920);
|
}
|
|
.search-box {
|
padding: 0 countSizeVw(10, 1920);
|
|
&>div {
|
margin-top: countSizeVh(10);
|
|
.category {
|
width: countSizeVw(88, 1920);
|
font-size: countSizeVh(16);
|
}
|
|
.category-value {
|
.category-input {
|
width: 80%;
|
height: countSizeVh(32);
|
font-size: countSizeVh(14);
|
border: countSizeVh(1) solid rgb(0, 92, 169);
|
border-radius: countSizeVh(5) 0 0 countSizeVw(5, 1920);
|
}
|
|
.category-button {
|
font-size: countSizeVh(20);
|
// width: countSizeVw(60, 1920);
|
width: 20%;
|
height: countSizeVh(32);
|
border: countSizeVh(1) solid rgb(0, 92, 169);
|
border-radius: 0 countSizeVw(5, 1920) countSizeVh(5) 0;
|
}
|
|
.category-button:active {
|
border: countSizeVh(1) solid rgb(0, 92, 169);
|
}
|
|
.el-range-editor.el-input__inner {
|
width: 100% !important;
|
height: countSizeVh(32);
|
}
|
|
.el-range-editor .el-range-input {
|
font-size: countSizeVh(14);
|
height: countSizeVh(32);
|
line-height: countSizeVh(32);
|
}
|
|
.el-icon-date:before {
|
font-size: countSizeVh(14);
|
}
|
|
.el-date-editor .el-range__icon {
|
line-height: countSizeVh(32);
|
height: countSizeVh(32);
|
margin-left: countSizeVw(4, 1920);
|
}
|
|
.el-date-editor .el-range-separator {
|
height: countSizeVh(32);
|
line-height: countSizeVh(32);
|
font-size: countSizeVh(14);
|
}
|
|
.el-select {
|
width: 100%;
|
height: countSizeVh(32);
|
}
|
|
.el-input--suffix .el-input__inner {
|
height: countSizeVh(32);
|
font-size: countSizeVh(14);
|
padding-left: countSizeVw(10, 1920);
|
}
|
|
.el-select .el-input .el-select__caret {
|
font-size: countSizeVh(14);
|
line-height: countSizeVh(32);
|
}
|
}
|
|
|
}
|
}
|
|
.result-content {
|
margin-top: countSizeVh(8);
|
|
.table-box {
|
|
.row-box {
|
margin: countSizeVh(10) countSizeVw(10, 1920);
|
padding: countSizeVh(10) countSizeVw(10, 1920);
|
font-size: countSizeVh(14);
|
|
.row-content {
|
&>div {
|
line-height: countSizeVh(28);
|
|
.category {
|
width: countSizeVw(88, 1920);
|
font-size: countSizeVh(16);
|
}
|
}
|
}
|
}
|
|
.tableClass {
|
width: countSizeVw(400, 1920);
|
}
|
|
.tableClass td {
|
width: countSizeVw(300, 1920);
|
}
|
}
|
|
.pages {
|
height: countSizeVh(40);
|
|
&>div {
|
display: flex;
|
align-items: center;
|
|
&>button {
|
width: countSizeVh(32);
|
height: countSizeVh(32);
|
|
&>i {
|
font-size: countSizeVh(16);
|
}
|
}
|
|
&>ul {
|
display: flex;
|
align-items: center;
|
|
li {
|
width: countSizeVh(32);
|
height: countSizeVh(32);
|
line-height: countSizeVh(32);
|
font-size: countSizeVh(16);
|
}
|
}
|
}
|
|
}
|
}
|
}
|
|
.draw-btn-box {
|
bottom: countSizeVh(40);
|
|
ul {
|
li {
|
button {
|
width: countSizeVw(60, 1920);
|
height: countSizeVh(30);
|
margin: 0 countSizeVw(5, 1920);
|
border: countSizeVh(1) solid #cecece;
|
border-radius: countSizeVh(4) countSizeVw(4, 1920);
|
}
|
}
|
}
|
}
|
|
.second-container {
|
top: countSizeVh(10);
|
width: countSizeVw(240, 1920);
|
|
.el-tree-node__content {
|
height: countSizeVh(30);
|
font-size: countSizeVh(16);
|
}
|
|
.el-tree-node__label {
|
font-size: countSizeVh(16);
|
}
|
|
.el-checkbox .el-checkbox__inner {
|
height: countSizeVh(20);
|
width: countSizeVh(20);
|
border-radius: countSizeVh(2);
|
}
|
|
.el-tree-node__expand-icon {
|
font-size: countSizeVh(16);
|
|
}
|
|
.el-checkbox .el-checkbox__inner::after {
|
height: countSizeVh(16);
|
left: countSizeVw(7, 1920);
|
}
|
|
}
|
|
.second-container.spread {
|
left: countSizeVw(410, 1920);
|
}
|
|
.second-container.take-back {
|
left: countSizeVw(10, 1920);
|
}
|
|
.activity-details-box {
|
top: countSizeVh(90);
|
right: countSizeVw(10, 1920);
|
width: countSizeVw(400, 1920);
|
padding: countSizeVh(10) countSizeVw(10, 1920);
|
border-radius: countSizeVh(10) countSizeVw(10, 1920);
|
|
.title {
|
height: countSizeVh(36);
|
line-height: countSizeVh(36);
|
}
|
|
.row-box {
|
line-height: countSizeVh(28);
|
|
.category {
|
width: countSizeVw(96, 1920);
|
}
|
}
|
}
|
|
.btn-box {
|
top: countSizeVh(78);
|
min-height: countSizeVh(40);
|
padding: countSizeVh(10) countSizeVw(10, 1920) 0 countSizeVw(10, 1920);
|
border-radius: countSizeVw(10, 1920);
|
|
ul {
|
li {
|
button {
|
width: countSizeVw(60, 1920);
|
height: countSizeVh(30);
|
margin: 0 countSizeVw(5, 1920);
|
border: countSizeVh(1) solid #cecece;
|
border-radius: countSizeVw(4, 1920);
|
}
|
}
|
}
|
}
|
}
|
|
}
|
|
.flexible-btn {
|
font-size: countSizeVh(24);
|
}
|
|
.main-content.spread {
|
width: countSizeVw(400, 1920);
|
}
|
|
.flexible-btn {
|
padding: 0 countSizeVw(2, 1920);
|
width: countSizeVw(32, 1920);
|
height: countSizeVh(64);
|
line-height: countSizeVh(32);
|
border-radius: 0 countSizeVh(5) countSizeVh(5) 0;
|
box-shadow: countSizeVh(1) 0px countSizeVh(4) countSizeVh(1) $bg-color;
|
}
|
|
.flexible-btn.spread {
|
left: countSizeVw(400, 1920);
|
}
|
|
// 地图，控制按钮
|
.screen-full-btn {
|
left: countSizeVh(10);
|
bottom: countSizeVh(10);
|
width: countSizeVh(36);
|
height: countSizeVh(36);
|
font-size: countSizeVh(20);
|
}
|
|
.screen-full-btn.homebottom {
|
left: countSizeVw(402, 1920) !important;
|
bottom: countSizeVh(340);
|
}
|
|
.screen-full-btn.shrink-btn {
|
left: countSizeVw(410, 1920) !important;
|
}
|
|
.dc-zoom-controller {
|
left: countSizeVh(10) !important;
|
bottom: countSizeVh(56) !important;
|
width: countSizeVh(36) !important;
|
|
&>div {
|
width: countSizeVh(36) !important;
|
height: countSizeVh(36) !important;
|
|
svg {
|
width: countSizeVh(20) !important;
|
height: countSizeVh(20) !important;
|
}
|
}
|
}
|
|
.dc-zoom-controller.homebottom {
|
left: countSizeVw(402, 1920) !important;
|
bottom: countSizeVh(386) !important;
|
}
|
|
.dc-zoom-controller.shrink-btn {
|
left: countSizeVw(410, 1920) !important;
|
}
|
|
.image-switch-icon-btn {
|
left: countSizeVh(10);
|
bottom: countSizeVh(178);
|
width: countSizeVh(36);
|
height: countSizeVh(36);
|
font-size: countSizeVh(20);
|
|
|
.image-switch-img-btn {
|
left: countSizeVw(46, 1920);
|
bottom: countSizeVh(190);
|
font-size: countSizeVh(20);
|
border-radius: countSizeVh(5);
|
|
|
.layer-change-box {
|
.title {
|
height: countSizeVh(32);
|
line-height: countSizeVh(32);
|
}
|
|
.content {
|
padding: 0 countSizeVw(18, 1920);
|
height: countSizeVh(66);
|
line-height: countSizeVh(66);
|
}
|
}
|
|
.img,
|
.elec {
|
width: countSizeVh(80);
|
height: countSizeVh(60);
|
|
span {
|
right: countSizeVh(2);
|
bottom: countSizeVh(2);
|
padding: 0 countSizeVh(2);
|
}
|
}
|
}
|
}
|
|
.image-switch-icon-btn.iconbottom {
|
left: countSizeVw(402, 1920) !important;
|
bottom: countSizeVh(506) !important;
|
}
|
|
.image-switch-icon-btn.shrink-btn {
|
left: countSizeVw(410, 1920) !important;
|
}
|
|
.dc-location-bar.homebottom {
|
bottom: countSizeVh(390) !important;
|
}
|
|
}
|
}
|
|
.option-css,
|
.activity-option {
|
height: countSizeVh(40);
|
line-height: countSizeVh(40);
|
font-size: countSizeVh(16);
|
}
|
|
.option-css:hover,
|
.option-css.selected {
|
color: #409EFF;
|
}
|
|
.option-css:hover {
|
background-color: rgba(0, 92, 169, 0.3) !important;
|
}
|
|
.el-select-dropdown__wrap {
|
max-height: countSizeVh(200);
|
}
|
|
.el-picker-panel {
|
width: countSizeVw(536, 1920) !important;
|
}
|
|
.el-date-range-picker__header div {
|
font-size: countSizeVh(16);
|
height: countSizeVh(36);
|
line-height: countSizeVh(36);
|
|
}
|
|
.el-picker-panel .el-date-range-picker__header button {
|
font-size: countSizeVh(16);
|
height: countSizeVh(36);
|
line-height: countSizeVh(36);
|
}
|
|
.el-date-table td span,
|
.el-date-table th {
|
font-size: countSizeVh(16);
|
}
|
|
.el-date-table tr {
|
height: countSizeVh(22);
|
}
|
}
|
|
}
|
|
@media screen and (max-height: 975px) {
|
.left-container {
|
.mypath {
|
transform-origin: top;
|
transform: scale(1.1, 1);
|
}
|
}
|
}
|
|
@media screen and (min-width: 7296px) {
|
|
html,
|
body {
|
font-size: countSizeVh(16) !important;
|
|
#app {
|
width: 100vw;
|
height: 100vh;
|
|
.wrapper {
|
width: 100vw;
|
height: 100vh;
|
|
.main-header {
|
width: 100vw;
|
height: maxCountSizeVh(60);
|
|
.user-infor {
|
width: maxCountSizeVh(60);
|
height: maxCountSizeVh(60);
|
line-height: maxCountSizeVh(60);
|
font-size: 2.16vh;
|
}
|
}
|
|
.main-content {
|
top: maxCountSizeVh(60);
|
height: calc(100% - maxCountSizeVh(60));
|
|
.left-container,
|
.right-container {
|
top: maxCountSizeVh(60);
|
width: countSizeVw(1520, 7296);
|
height: calc(100% - maxCountSizeVh(60));
|
|
.person-box,
|
.land-box,
|
.case-box,
|
.crowd-box {
|
height: maxCountSizeVh(320);
|
}
|
|
|
.person-box,
|
.house-box,
|
.land-box,
|
.case-box,
|
.alert-box,
|
.crowd-box {
|
|
|
.title {
|
height: maxCountSizeVh(54);
|
line-height: maxCountSizeVh(54);
|
}
|
|
.sub-title {
|
line-height: maxCountSizeVh(36);
|
}
|
|
.sub-tab {
|
padding: maxCountSizeVh(10);
|
|
.tab {
|
|
&>div {
|
height: maxCountSizeVh(22);
|
line-height: maxCountSizeVh(22);
|
}
|
}
|
}
|
}
|
|
.house-box {
|
|
.title {
|
height: countSizeVh(54);
|
line-height: countSizeVh(54);
|
}
|
}
|
}
|
|
.bottom-container {
|
left: countSizeVw(1520, 7296);
|
width: calc(100% - countSizeVw(1520, 7296) * 2);
|
height: maxCountSizeVh(320);
|
}
|
|
.region-select {
|
top: maxCountSizeVh(20);
|
}
|
}
|
}
|
}
|
}
|
|
}
|
