feat:完善整体样式

This commit is contained in:
zjc
2025-01-02 18:32:49 +08:00
parent d67ac75031
commit ab1ab210a9
23 changed files with 744 additions and 305 deletions

View File

@@ -64,7 +64,7 @@
background-color: transparent !important;
}
.core-video {
margin: vh(10);
margin: vw(8);
width: vw(300);
border-radius: vw(2);
background-image: url('@/assets/images/bg-1.png');
@@ -135,7 +135,7 @@
}
&-img {
width: 100%;
height: vh(164);
height: vw(164);
display: block;
object-fit: cover;
}

View File

@@ -49,7 +49,7 @@
<style lang="scss" scoped>
.box-4-content {
position: relative;
margin: vh(10);
margin: vw(8);
width: vw(300);
height: vh(1060);
background-image: url('@/assets/images/bg-1.png');

View File

@@ -98,12 +98,6 @@
minute
)}:${fillZero(second)}`
}
const handleCommand = (e) => {
console.log(e, '=========')
title.value = e.name
otherScenic.value = e.name
current.value = ''
}
// 返回上一页
const handleBack = () => {
router.go(-1)
@@ -128,8 +122,9 @@
const setNav = async () => {
switch (router.currentRoute.value.path) {
case '/home':
isSkip.value = true
title.value = '奉节县旅游指挥调度中心'
isSkip.value = true
isBack.value = false
navLeft.value = [
{ name: '安全', path: '/monitor' },
{ name: '景区', path: '/scenic' },
@@ -286,6 +281,7 @@
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
text-shadow: 0 4px 7px rgba(0, 150, 255, 0.75);
background-image: linear-gradient(to bottom, #ffffff 0%, #87c9ff 100%);
}
}

View File

@@ -3,19 +3,7 @@
</template>
<script setup>
import axios from 'axios'
const fetchData = async () => {
try {
const res = await axios.get(
'https://jiaotong.baidu.com/openapi/v2/event/alarmlist?nodeId=7162&roadType=1,2,3,4,5&eventSource=1,2,3&ak=hPEEq9eAtL3t1SXL8hqNYQkGmWT1oOWh&returnType=1'
)
console.log(res, '数据')
} catch (error) {
console.error(error)
}
}
onMounted(() => {
// fetchData()
var map = new BMapGL.Map('container')
map.centerAndZoom(new BMapGL.Point(109.643452, 31.028006), 15)
map.enableScrollWheelZoom(true)
@@ -32,11 +20,6 @@
{
strokeStyle: 'solid',
strokeColor: 'red ',
// strokeTexture: {
// url: 'https://mapopen-pub-jsapigl.bj.bcebos.com/svgmodel/Icon_road_blue_arrow.png',
// width: 16,
// height: 64
// },
strokeWeight: 4,
strokeOpacity: 0.8
}
@@ -52,16 +35,9 @@
:deep(.anchorBL) {
display: none;
}
// ::v-deep {
// .BMap_cpyCtrl {
// display: none;
// }
// .anchorBL {
// display: none;
// }
// }
.map {
width: 100%;
height: vh(700);
background-color: transparent;
}
</style>