From 4ad9804e68c0fa3fb07a85cefc4d73d9e6f5b268 Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Tue, 04 Jan 2022 16:01:09 +0800
Subject: [PATCH] Merge branch 'master' of http://192.168.0.105:10010/r/school-web
---
src/components/mobilemap/index.vue | 19
src/components/mobileCortrolButtom/index.vue | 4
src/components/mobilePopupOurAfter/index.vue | 3
src/styles/mobile/popup.scss | 878 ++++++++++++++++++++++++++++--------------------------
src/store/modules/mobile.js | 2
src/components/mobileCortrol/index.vue | 4
src/components/mobileCortrolSearch/index.vue | 18
7 files changed, 485 insertions(+), 443 deletions(-)
diff --git a/src/components/mobileCortrol/index.vue b/src/components/mobileCortrol/index.vue
index ff8a6f1..5eef09c 100644
--- a/src/components/mobileCortrol/index.vue
+++ b/src/components/mobileCortrol/index.vue
@@ -59,7 +59,7 @@
};
</script>
-<style scoped lang='scss'>
+<style scoped lang="scss">
.m-left-control {
position: fixed;
left: 20px;
@@ -82,7 +82,7 @@
.m-l-inbut-2d {
position: relative;
top: 60px;
- font-size: 14px;
+ font-size: 12px;
// &:hover {
// background-color: rgb(21, 136, 230);
// box-shadow: -2px -2px 3px rgb(3, 74, 136) inset;
diff --git a/src/components/mobileCortrolButtom/index.vue b/src/components/mobileCortrolButtom/index.vue
index eed285d..84d2273 100644
--- a/src/components/mobileCortrolButtom/index.vue
+++ b/src/components/mobileCortrolButtom/index.vue
@@ -132,10 +132,10 @@
};
</script>
-<style scoped lang='scss'>
+<style scoped lang="scss">
.m-left-mobileCortrolButtom {
position: fixed;
- bottom: 20px;
+ bottom: 35px;
left: 20px;
z-index: 200;
.m-l-inbut {
diff --git a/src/components/mobileCortrolSearch/index.vue b/src/components/mobileCortrolSearch/index.vue
index 17948c5..5270a09 100644
--- a/src/components/mobileCortrolSearch/index.vue
+++ b/src/components/mobileCortrolSearch/index.vue
@@ -1,13 +1,20 @@
<template>
<div class="m-left-mobileCortrolSearch">
<div class="m-left-SearchMain">
- <el-input placeholder="请输入内容" v-model="input" clearable size="small"
- ><el-button
+ <el-input
+ placeholder="请输入内容"
+ v-model="input"
+ clearable
+ size="small"
+ class="m-left-S-input"
+ >
+ <el-button
slot="append"
class="iconSearch"
icon="el-icon-search icon"
@click="search"
- ></el-button>
+ >
+ </el-button>
</el-input>
</div>
</div>
@@ -42,7 +49,7 @@
};
</script>
-<style scoped lang='scss'>
+<style scoped lang="scss">
.m-left-mobileCortrolSearch {
width: 100%;
position: fixed;
@@ -58,6 +65,9 @@
display: flex;
align-items: center;
justify-content: center;
+ .m-left-S-input {
+ border: none;
+ }
.iconSearch {
width: 30px;
height: 30px;
diff --git a/src/components/mobilePopupOurAfter/index.vue b/src/components/mobilePopupOurAfter/index.vue
index 46abfb1..2aee1af 100644
--- a/src/components/mobilePopupOurAfter/index.vue
+++ b/src/components/mobilePopupOurAfter/index.vue
@@ -165,6 +165,7 @@
width: 75%;
height: 25%;
background-color: #fff;
+ box-shadow: 0px 0px 5px #29baf1;
// background-image: linear-gradient(
// // 135deg,
// #28bbf06c 30px,
@@ -229,4 +230,4 @@
}
}
}
-</style>
\ No newline at end of file
+</style>
diff --git a/src/components/mobilemap/index.vue b/src/components/mobilemap/index.vue
index 32a9a11..1f4245d 100644
--- a/src/components/mobilemap/index.vue
+++ b/src/components/mobilemap/index.vue
@@ -21,6 +21,8 @@
<mobileGoTo></mobileGoTo>
<!-- 实景窗口 -->
<mobilePanorama></mobilePanorama>
+ <!-- 盖住左下角 -->
+ <div class="cover_mobileMap">智慧校园</div>
</div>
</template>
<script>
@@ -240,9 +242,6 @@
viewer.on(that.DC.SceneEventType.CAMERA_CHANGED, (e) => {
//相机移动最后参数
//控制高度
- if (that.dimension == "3D") {
- console.log("3维不做高度限制");
- }
let isSet = that.dimension == "3D" ? false : true;
const height = Math.ceil(viewer.camera.positionCartographic.height);
let conBack = (height) => {
@@ -428,7 +427,7 @@
tilesetLayer["changesilhouetteBlue"] = () => {
silhouetteBlue.selected = [];
};
- tilesetLayer.show = false;
+ // tilesetLayer.show = false;
//精细模型↑
// 2.5D贴图↓
@@ -556,7 +555,7 @@
? doit([116.36618337, 27.95911915, 2000.0])
: doit([117.08513731, 31.64790556, 600.0]);
};
- startPoint(1);
+ // startPoint(1);
}
//传递默认位置
that.$store.commit("MSET_MORENWEIZHI", startPoint);
@@ -618,7 +617,15 @@
viewer.zoomController.enable = true;
viewer.locationBar.enable = false;
viewer.distanceLegend.enable = false;
- if (true) {
+ //判断默认维度
+ //原本默认是2.5d 改为3d默认时做出改变
+ if (that.dimension == "2.5D") {
+ that.$store.commit("MSET_DIMENSION", "2.5D"); //切换2.5D设置
+ } else if (that.dimension == "3D") {
+ that.$store.commit("MSET_DIMENSION", "3D"); //切换3D设置
+ }
+ if (false) {
+ //镜头改变示例
// viewer.scene.screenSpaceCameraController.enableZoom = false; //控制视角缩放
// viewer.scene.screenSpaceCameraController.enableTilt = false; //控制视角旋转
// viewer.scene.screenSpaceCameraController.minimumZoomDistance = 200; //最小缩放
diff --git a/src/store/modules/mobile.js b/src/store/modules/mobile.js
index b1e5d3d..729f721 100644
--- a/src/store/modules/mobile.js
+++ b/src/store/modules/mobile.js
@@ -30,7 +30,7 @@
},
// 默认起始点函数
startPointFn: "",
- dimension: "2.5D", // 维度
+ dimension: "3D", // 维度
dimensionData: {
// 维度镜头数据
heading: 0,
diff --git a/src/styles/mobile/popup.scss b/src/styles/mobile/popup.scss
index f751720..a9428e0 100644
--- a/src/styles/mobile/popup.scss
+++ b/src/styles/mobile/popup.scss
@@ -1,487 +1,511 @@
.centersFlex {
- display: flex;
- align-items: center;
- justify-content: center;
+ 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;
+ //弹窗
+ 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;
+ #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);
+ .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;
- 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;
+ font-size: 25px;
+ }
}
- .mobilelabel-content {
+ width: 100%;
+ padding: 10px;
+ text-align: justify;
+ letter-spacing: 1px;
+ box-sizing: border-box;
+ video {
+ width: 100%;
+ height: 100%;
+ }
+ 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;
-
- // 内容样式
- .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%;
- }
- 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;
- 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;
- }
- }
+ // border: 1px solid red;
+ 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;
+ // 继承类
+ .flexCenter {
+ display: flex !important;
+ align-items: center !important;
+ justify-content: center !important;
+ }
+
+ // 比例尺
+ .dc-distance-legend {
+ right: 5px !important;
+ left: auto !important;
+ }
+
+ // 缩放控制
+ .dc-zoom-controller {
+ 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;
}
- // 比例尺
- .dc-distance-legend {
- right: 5px !important;
- left: auto !important;
+ div:nth-child(2) {
+ display: none !important;
}
- // 缩放控制
- .dc-zoom-controller {
- 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(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;
- div:nth-child(1) {
- // border-bottom: 1px solid #ebebeb;
- margin-bottom: 49px !important;
+ 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;
}
-
- 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;
+ //地图底部按钮下拉菜单
+ .m-left-mobileCortrolButtom {
+ .el-dropdown {
+ width: 100% !important;
+ height: 100% !important;
+ @extend .flexCenter;
- .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;
- }
- }
- }
+ .el-icon-s-flag.icon {
+ position: relative;
+ top: 4px;
+ left: 4px;
+ }
}
+ }
- //地图底部按钮下拉菜单
- .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;
- /*滚动条的背景颜色*/
- }
+ //滚动条
+ /*定义滑块 内阴影+圆角*/
+ ::-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%;
+ 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;
- z-index: 999;
- bottom: 2%;
- left: 5%;
- background-color: #fff;
- border-radius: 10px;
+ padding: 10px;
+ text-align: justify;
+ letter-spacing: 1px;
+ box-sizing: border-box;
- //关闭按钮
- .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;
- }
+ img {
+ width: 70px;
+ height: 50px;
}
- //标题样式
- .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;
+ //内容显示
+ .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-imgs-heard-fixed {
- width: 100%;
- height: auto;
- padding: 10px;
- text-align: justify;
- letter-spacing: 1px;
- box-sizing: border-box;
+ .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;
- 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%;
- }
- }
+ .m-p-c-f-once {
+ .mobilePopupOurOnce_r_d_in-gan {
+ position: relative;
+ left: 40%;
+ }
}
-
- .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;
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background-color: #fff;
+ z-index: 300;
+
+ .m_p_heard {
width: 100%;
- height: 100%;
- background-color: #fff;
- z-index: 300;
+ height: 50px;
+ background-image: linear-gradient(#29baf1, #28bbf0);
+ border-bottom: 1px solid rgba(82, 209, 255, 0.774);
+ color: #fff;
- .m_p_heard {
- width: 100%;
- height: 50px;
- background-image: linear-gradient(#29baf1, #28bbf0);
- border-bottom: 1px solid rgba(82, 209, 255, 0.774);
+ // 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;
-
- // 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_h_center {
+ width: 100%;
+ height: 50px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
- .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;
- // }
- // }
+ .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;
+ $size: 30px;
- img {
- width: $size;
- height: $size;
- }
+ 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: #000;
+ color: #fff;
+ z-index: 1;
+ font-size: 13px;
+ border-radius: 5px;
+ padding: 3px 8px 4px;
}
--
Gitblit v1.9.3