feat:完善整体样式
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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');
|
||||
|
||||
@@ -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%);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user