如下图,显示出错,应该是样式的问题,请问怎么解决
代码:
<template>
<div class="maincontainer">
<!-- 由于html不区分大小写,所以js中驼峰命名方式在html中要改成用短横线连接的形式 -->
<!--<detail-header v-bind:title='TitleText' :showback='ShowBack'></detail-header>-->
<x-header :left-options="{backText: ''}">设备运维</x-header>
<br>
<search @on-submit="onSubmit" :auto-fixed="autoFixed" @on-focus="onFocus" @on-cancel="onCancel"></search>
<div class="content">
<baidu-map class="bm-view" v-bind:center="center" @ready="handler" @dragend="loadDeviceNear" >
<bm-geolocation class='bm-location'anchor="BMAP_ANCHOR_BOTTOM_Left" :showAddressBar="true" :autoLocation="true"></bm-geolocation>
</baidu-map>
</div>
</div>
</template>
提供的信息太少 最起码把相关的css 和通过浏览器审查元素看看的对比发一下