diff --git a/src/assets/images/titleIcon.png b/src/assets/images/titleIcon.png new file mode 100644 index 0000000..e692058 --- /dev/null +++ b/src/assets/images/titleIcon.png Binary files differ diff --git a/src/assets/images/titleIcon.png b/src/assets/images/titleIcon.png new file mode 100644 index 0000000..e692058 --- /dev/null +++ b/src/assets/images/titleIcon.png Binary files differ diff --git a/src/views/oneMap/components/mapboxPopup.vue b/src/views/oneMap/components/mapboxPopup.vue index beca946..eb09c80 100644 --- a/src/views/oneMap/components/mapboxPopup.vue +++ b/src/views/oneMap/components/mapboxPopup.vue @@ -2,6 +2,7 @@
+
{{ allData.dataList.pumpName }}
@@ -505,7 +506,7 @@ offsets = [-130, 200]; } else { center = [params.point[0], params.point[1] + 0.0005]; - offsets = [-30, 200]; + offsets = [-50, 200]; } if (allData.dataList.pumpCode) { allData.dataList.rainpump = JSON.parse(allData.dataList.rainpump); @@ -563,8 +564,10 @@ } .cesiumPopup { padding: 10px; - background: #003b6d; + background: linear-gradient(0deg, rgba(0, 43, 67, 0.8) 0%, rgba(0, 76, 118, 0.8) 100%); + border-radius: 6px; border: 1px solid #6acefe; + box-shadow: inset 0 0 5px 5px #47eef38a; #chartPopupRainC, #chartHistoryZM, #chartHistoryJSD { @@ -573,14 +576,19 @@ margin-top: 10px; } .title { - background: url('@/assets/images/Sponge_screen/Box_HeaderBackground.png') no-repeat center; + background: linear-gradient(90deg, rgba(14, 210, 254, 0.5) 0%, rgba(31, 221, 255, 0.2) 100%); background-size: cover; display: flex; align-items: center; - justify-content: space-between; + + .titleNameIcon { + height: 17px; + width: 14px; + background: url('@/assets/images/titleIcon.png') no-repeat; + background-size: 100% 100%; + margin-left: 10px; + } .titleNamePP { - display: flex; - align-items: center; height: 22px; font-size: 16px; font-family: PingFang SC; @@ -588,8 +596,7 @@ color: #b8ecff; line-height: 22px; margin: 5px; - width: 400px; - padding-left: 25px; + &:before { // display: block; // content: ''; @@ -601,11 +608,11 @@ } .PopupClosed { position: absolute; - top: 15px; + top: 20px; right: 20px; z-index: 9999; cursor: pointer; - color: #c6c6c6; + color: #cee3ecff; } } .materialContent {