.centersFlex {
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
}
|
|
//随地图移动弹窗
|
#mobile-map_popup_content {
|
//弹窗
|
width: 100%;
|
position: fixed;
|
z-index: 100;
|
left: -1000px;
|
box-sizing: border-box;
|
|
#mobilePopup {
|
width: 70%;
|
left: 1000px;
|
position: absolute;
|
height: auto;
|
// background-color: #fff;
|
background-image: linear-gradient( // 135deg,
|
// rgba(40,187,240, 0.5) 50%,
|
// transparent 50%
|
rgba(40, 187, 240, 0.5) 35px,
|
rgba(40, 187, 240, 0.5) 35px,
|
rgba(40, 187, 240, 0.5) calc(100% - 34px),
|
transparent calc(100% - 34px)),
|
linear-gradient( // -45deg,
|
// rgba(40,187,240, 0.5) 50.1%,
|
// transparent 50%
|
transparent 35px,
|
rgba(40, 187, 240, 0.5) 35px,
|
rgba(40, 187, 240, 0.5) calc(100% - 0px),
|
transparent calc(100% - 0px));
|
// background-image: linear-gradient(135deg, transparent 30px, rgba(40,187,240, 0.5) 30px, rgba(40,187,240, 0.5) 50%, transparent 50%),
|
// linear-gradient(-45deg, transparent 30px, rgba(40,187,240, 0.5) 30px, rgba(40,187,240, 0.5) 50.1%, transparent 50%);
|
border-radius: 10px;
|
position: relative;
|
|
.mobiletitle {
|
// width: calc(90% - 1px);
|
color: #fff;
|
width: 100%;
|
height: 35px;
|
// background-image: linear-gradient(135deg, transparent 25px, #29baf1 25px);
|
background-image: linear-gradient(rgba(41, 186, 241, 0.5), rgba(41, 186, 241, 0.5));
|
|
// background-image: linear-gradient(#29baf1, #28bbf0);
|
// background-color: #f7f7f7;
|
border-bottom: 1px solid #ebebeb;
|
font-size: 16px;
|
border-radius: 10px 10px 0 0;
|
padding: 8px 14px;
|
padding-right: 27px;
|
overflow: hidden;
|
white-space: nowrap;
|
text-overflow: ellipsis;
|
line-height: 20px;
|
box-sizing: border-box;
|
}
|
|
.mobilelabel-content {
|
width: 100%;
|
height: auto;
|
|
// 内容样式
|
.mobile-popup-imgs-heard {
|
.mobile-popup-imgs-h-close {
|
width: 35px;
|
height: 34px;
|
// background-image: linear-gradient(rgba(41,186,241, 0.5), rgba(41,186,241, 0.5));
|
// background-image: linear-gradient(#29baf1, #28bbf0);
|
// background-color: #f7f7f7;
|
background-color: transparent;
|
position: absolute;
|
@extend .centersFlex;
|
border-radius: 100px;
|
right: 0;
|
top: 0;
|
|
.icon {
|
color: #fff;
|
font-size: 25px;
|
}
|
}
|
|
width: 100%;
|
padding: 10px;
|
text-align: justify;
|
letter-spacing: 1px;
|
box-sizing: border-box;
|
|
video {
|
width: 100%;
|
height: 100%;
|
}
|
|
.imgs,
|
img {
|
margin-left: calc(50% - 35px);
|
width: 70px;
|
height: 70px;
|
}
|
|
//内容显示
|
$centerFontSize: 13px;
|
|
.mobileBig-center-our {
|
width: 100%;
|
height: auto;
|
font-size: $centerFontSize;
|
|
.mobileBig-center {
|
width: 100%;
|
min-height: 30px;
|
border-bottom: 1px solid #f7f7f7;
|
@extend .centersFlex;
|
|
.m-c-title {
|
color: #fff;
|
width: 21%;
|
}
|
|
.m-c-center {
|
width: 79%;
|
// text-indent: 2em;
|
word-wrap: break-word;
|
color: #fff;
|
line-height: 25px;
|
}
|
}
|
|
.mobileBig-center-introduce {
|
width: 100%;
|
height: auto;
|
// border: 1px solid red;
|
word-wrap: break-word;
|
text-indent: 2em;
|
color: #fff;
|
}
|
}
|
}
|
|
.mobile-popup-control {
|
width: 100%;
|
height: 20px;
|
// background-color: #f7f7f7;
|
border-top: 1px solid #ebebeb;
|
padding: 5px 0 8px 0;
|
border-radius: 0 0 10px 10px;
|
display: flex;
|
align-items: center;
|
background-image: linear-gradient(rgba(41, 186, 241, 0.5), rgba(41, 186, 241, 0.5));
|
// background-image: linear-gradient(#29baf1, #28bbf0);
|
justify-content: center;
|
position: relative;
|
|
&::before {
|
content: "";
|
width: 0px;
|
height: 0px;
|
// background-image: linear-gradient(rgba(41,186,241, 0.5), rgba(41,186,241, 0.5));
|
border-top: 8px solid transparent;
|
border-bottom: 8px solid rgba(25, 179, 240, 0.5);
|
border-left: 8px solid transparent;
|
border-right: 8px solid rgba(25, 179, 240, 0.5);
|
position: absolute;
|
bottom: -8px;
|
left: calc(50% - 8px);
|
transform: rotate(45deg);
|
}
|
|
.mobilePopupOurOnce_r_d_in {
|
color: #fff;
|
}
|
}
|
}
|
}
|
}
|
|
//地图基础样式更改
|
$controllerw: 35px !important;
|
|
#mobile-viewer-container {
|
|
// 继承类
|
.flexCenter {
|
display: flex !important;
|
align-items: center !important;
|
justify-content: center !important;
|
}
|
|
// 比例尺
|
.dc-distance-legend {
|
right: 5px !important;
|
left: auto !important;
|
}
|
|
// 缩放控制
|
.dc-zoom-controller {
|
position: fixed;
|
width: 32px !important;
|
height: auto !important;
|
left: 20px !important;
|
top: 50px !important;
|
// z-index: 200;
|
background-color: transparent !important;
|
border: 1px solid transparent !important;
|
|
div:nth-child(1) {
|
// border-bottom: 1px solid #ebebeb;
|
// margin-bottom: 49px !important;
|
margin-bottom: 5px !important;
|
}
|
|
div:nth-child(2) {
|
display: none !important;
|
}
|
|
// div:nth-child(3) {
|
// // border-top: 1px solid #ebebeb;
|
// }
|
div {
|
width: $controllerw;
|
height: $controllerw;
|
position: relative !important;
|
left: -1px !important;
|
background-color: rgb(33, 150, 243) !important;
|
color: white !important;
|
@extend .flexCenter;
|
border-radius: 5px;
|
|
svg {
|
width: 20px !important;
|
height: 20px !important;
|
}
|
}
|
}
|
|
//弹窗标签栏的标签
|
.m_p_center {
|
.el-tabs {
|
width: 100% !important;
|
height: 100% !important;
|
box-sizing: border-box;
|
|
.el-tabs__nav-scroll {
|
width: 100% !important;
|
@extend .flexCenter;
|
}
|
|
.el-tabs__content {
|
width: 100% !important;
|
height: calc(100% - 55px) !important;
|
box-sizing: border-box;
|
|
.el-tab-pane {
|
width: 100% !important;
|
height: 100% !important;
|
}
|
}
|
}
|
}
|
|
//地图底部按钮下拉菜单
|
.m-left-mobileCortrolButtom {
|
.el-dropdown {
|
width: 100% !important;
|
height: 100% !important;
|
@extend .flexCenter;
|
|
.el-icon-s-flag.icon {
|
position: relative;
|
top: 4px;
|
left: 4px;
|
}
|
}
|
}
|
|
//滚动条
|
/*定义滑块 内阴影+圆角*/
|
::-webkit-scrollbar-thumb {
|
border-radius: 10px;
|
width: 2px !important;
|
/*滚动条的圆角*/
|
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.9);
|
background-color: #f1f1f1;
|
/*滚动条的背景颜色*/
|
}
|
}
|
|
//地图固定弹窗
|
#mobile-map_content_content-fixed {
|
position: fixed;
|
width: 90%;
|
height: auto;
|
z-index: 999;
|
bottom: 2%;
|
left: 5%;
|
background-color: #fff;
|
border-radius: 10px;
|
|
//关闭按钮
|
.mobiletitle-close-fixed {
|
width: 30px;
|
height: 30px;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
position: absolute;
|
right: 10px;
|
top: 2px;
|
|
.icon {
|
font-size: 20px;
|
}
|
}
|
|
//标题样式
|
.mobiletitle-fixed {
|
width: 100%;
|
height: 35px;
|
border-radius: 10px 10px 0 0;
|
background-color: #f7f7f7;
|
padding-left: 10px;
|
display: flex;
|
align-items: center;
|
box-sizing: border-box;
|
}
|
|
// 内容样式
|
.mobile-popup-imgs-heard-fixed {
|
width: 100%;
|
height: auto;
|
padding: 10px;
|
text-align: justify;
|
letter-spacing: 1px;
|
box-sizing: border-box;
|
|
img {
|
width: 70px;
|
height: 50px;
|
}
|
|
//内容显示
|
.mobileBig-center-fiexd {
|
width: 100%;
|
height: 30px;
|
@extend .centersFlex;
|
|
.m-c-f-title {
|
width: 20%;
|
@extend .centersFlex;
|
}
|
|
.m-c-f-center {
|
@extend .centersFlex;
|
justify-content: space-between;
|
width: 80%;
|
}
|
}
|
}
|
|
.mobile-popup-control-fixed {
|
width: 100%;
|
height: 35px;
|
border-radius: 0 0 10px 10px;
|
background-color: #f7f7f7;
|
display: flex;
|
align-items: center;
|
justify-content: space-around;
|
|
.m-p-c-f-once {
|
.mobilePopupOurOnce_r_d_in-gan {
|
position: relative;
|
left: 40%;
|
}
|
}
|
}
|
}
|
|
//全屏弹窗
|
#mobilePopupOur {
|
position: fixed;
|
top: 0;
|
left: 0;
|
width: 100%;
|
height: 100%;
|
background-color: #fff;
|
z-index: 300;
|
|
.m_p_heard {
|
width: 100%;
|
height: 50px;
|
background-image: linear-gradient(#29baf1, #28bbf0);
|
border-bottom: 1px solid rgba(82, 209, 255, 0.774);
|
color: #fff;
|
|
// background-color: #a40000;
|
.m_p_h_break {
|
position: absolute;
|
left: 0;
|
top: 0;
|
width: 50px;
|
height: 50px;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
|
.icon {
|
font-size: 22px;
|
color: #fff;
|
}
|
}
|
|
.m_p_h_center {
|
width: 100%;
|
height: 50px;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
|
.el-dropdown-link {
|
color: #fff;
|
}
|
}
|
}
|
|
.m_p_center {
|
width: 100%;
|
height: calc(100% - 50px);
|
// border: 1px solid red
|
// background-image: linear-gradient(
|
// // 135deg,
|
// #28bbf0a1 30px,
|
// #28bbf0a1 30px,
|
// // #28bbf0a1 50%,
|
// // transparent 50%
|
// #28bbf0a1 100%,
|
// transparent 100%
|
// ),
|
// linear-gradient(
|
// // -45deg,
|
// transparent 30px,
|
// #28bbf0a1 30px,
|
// // #28bbf0a1 50.1%,
|
// // transparent 50%
|
// #28bbf0a1 100%,
|
// transparent 100%
|
// );
|
box-sizing: border-box;
|
|
.m_p_c_tableIn {
|
width: 100%;
|
height: 100%;
|
box-sizing: border-box;
|
overflow-x: hidden;
|
overflow-y: auto;
|
}
|
|
// .el-divider__text {
|
// background-image: linear-gradient(#29baf1, #28bbf0) !important;
|
// color: #fff !important;
|
// border: 0px solid transparent !important;
|
// }
|
// .el-tabs__item {
|
// color: #fff;
|
// }
|
// .el-tabs__item.is-active {
|
// color: #fff;
|
// font-size: 20px;
|
// }
|
// .el-empty {
|
// .el-empty__description p {
|
// color: #fff;
|
// }
|
// }
|
}
|
}
|
|
//左侧弹窗全景图片变小
|
.mobile-way-entitys-box {
|
$size: 30px;
|
|
img {
|
width: $size;
|
height: $size;
|
}
|
}
|
|
//搜索框
|
.m-left-SearchMain .el-input__inner {
|
border-right: 1px transparent !important;
|
}
|
|
//盖住
|
.cover_mobileMap {
|
position: fixed;
|
bottom: 6px;
|
left: 7px;
|
background-color: rgb(33, 150, 243);
|
color: #fff;
|
z-index: 1;
|
font-size: 13px;
|
border-radius: 5px;
|
padding: 4px 10px 5px;
|
}
|
|
#mobilePopupOur .el-tabs__header {
|
display: none !important;
|
}
|
