|
|
|
@ -41,7 +41,12 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="maps"></div> |
|
|
|
<div |
|
|
|
class="maps" |
|
|
|
v-on:mouseover="mouseover" |
|
|
|
v-on:mouseleave="mouseleave" |
|
|
|
id="map_container" |
|
|
|
></div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!-- <div class="bottom_text_container"> |
|
|
|
@ -100,12 +105,35 @@ import Contact from '@/assets/img/contract/yingwen.png' |
|
|
|
import Line from '@/assets/img/contract/biaotifuhao.png' |
|
|
|
import { ref, onMounted } from 'vue' |
|
|
|
import { handleScreenAuto } from '@/common/utils' |
|
|
|
import { useSwiperStore } from '@/store' |
|
|
|
const swiperStore = useSwiperStore() |
|
|
|
const mouseover = function () { |
|
|
|
swiperStore.swiper.disable() |
|
|
|
} |
|
|
|
const mouseleave = function () { |
|
|
|
swiperStore.swiper.enable() |
|
|
|
} |
|
|
|
// 对右侧进行适配 main_content |
|
|
|
const showEmpty = ref(true) |
|
|
|
onMounted(() => { |
|
|
|
handleScreenAuto('#contactus_main_content') |
|
|
|
handleScreenAuto('#contact_title_container') |
|
|
|
window.onresize = handleScreenAuto('#contactus_main_content') |
|
|
|
// maps |
|
|
|
var map = new BMapGL.Map('map_container') |
|
|
|
var point = new BMapGL.Point(116.311629, 40.088971) |
|
|
|
map.centerAndZoom(point, 15) |
|
|
|
var opts = { |
|
|
|
width: 250, // 信息窗口宽度 |
|
|
|
height: 100, // 信息窗口高度 |
|
|
|
title: '产品梦工厂', // 信息窗口标题 |
|
|
|
} |
|
|
|
map.enableScrollWheelZoom(true) |
|
|
|
var infoWindow = new BMapGL.InfoWindow( |
|
|
|
'北京市昌平区北京市昌平区-博纳集团院内3号楼一层', |
|
|
|
opts, |
|
|
|
) // 创建信息窗口对象 |
|
|
|
map.openInfoWindow(infoWindow, map.getCenter()) |
|
|
|
}) |
|
|
|
</script> |
|
|
|
|
|
|
|
@ -224,8 +252,8 @@ onMounted(() => { |
|
|
|
height: 503px; |
|
|
|
box-shadow: 0px 7px 24px 0px rgba(7, 7, 72, 0.05); |
|
|
|
border-radius: 10px; |
|
|
|
background: url(../../../../assets/img/contract/ditu.png) no-repeat; |
|
|
|
background-size: 100% 100%; |
|
|
|
// background: url(../../../../assets/img/contract/ditu.png) no-repeat; |
|
|
|
// background-size: 100% 100%; |
|
|
|
} |
|
|
|
} |
|
|
|
.circle { |
|
|
|
|
maochaoying
2 years ago