<map style="flex: 1;" :style="{height:scrollHeight+'px'}" class="map" ref="map1" :controls="controls" :scale="scale"
:longitude="location.longitude" :latitude="location.latitude" :show-location="showLocation" :enable-3D="enable3D"
:show-compass="showCompass" :enable-overlooking="enableOverlooking" :enable-zoom="enableZoom"
:enable-scroll="enableScroll" :enable-rotate="enableRotate" :enable-satellite="enableSatellite"
:enable-traffic="enableTraffic" :markers="markers">
<!-- <view class="">
11111
</view> -->
<cover-image class="map-toggle-btn" @click="toggleBtn()" src="/static/images/index/toggle-btn.png">
</cover-image>
<!-- <cover-view style="color:#ffff00">222</cover-view> -->
<cover-view class="map-left-bar">
<cover-view class="map-left-bar-item" @click.stop="changeMapType(statusMap.all)"
:class="[mapTypeActive==statusMap.all.key?'map-left-bar-item__active':'']">
<cover-view style="color: #ffff00!important;">
111
</cover-view>
<cover-view class="bar-number" style="color: #ffff00;" @click.stop="changeMapType(statusMap.all)">
{{extData.allCount}}
</cover-view>
<cover-view class="bar-text" @click.stop="changeMapType(statusMap.all)">
{{ statusMap.all.text }}
</cover-view>
</cover-view>
<cover-view class="map-left-bar-item" @click.stop="changeMapType(statusMap.online)"
:class="[mapTypeActive==statusMap.online.key?'map-left-bar-item__active':'']">
<cover-view class="bar-number normal-color" @click.stop="changeMapType(statusMap.online)">
{{extData.normalCount}}
</cover-view>
<cover-view class="bar-text" @click.stop="changeMapType(statusMap.online)">
{{statusMap.online.text}}
</cover-view>
</cover-view>
<cover-view class="map-left-bar-item" @click.stop="changeMapType(statusMap.error)"
:class="[mapTypeActive==statusMap.error.key?'map-left-bar-item__active':'']">
<cover-view class="bar-number fail-color" @click.stop="changeMapType(statusMap.error)">
{{extData.faultCount}}
</cover-view>
<cover-view class="bar-text" @click.stop="changeMapType(statusMap.error)">
{{ statusMap.error.text }}
</cover-view>
</cover-view>
<cover-view class="map-left-bar-item" @click.stop="changeMapType(statusMap.warn)"
:class="[mapTypeActive==statusMap.warn.key?'map-left-bar-item__active':'']">
<cover-view class="bar-number warn-color" @click.stop="changeMapType(statusMap.warn)">
{{extData.warningCount}}
</cover-view>
<cover-view class="bar-text" @click.stop="changeMapType(statusMap.warn)">
{{ statusMap.warn.text }}
</cover-view>
</cover-view>
<cover-view class="map-left-bar-item" @click.stop="changeMapType(statusMap.offline)"
:class="[mapTypeActive==statusMap.offline.key?'map-left-bar-item__active':'']">
<cover-view class="bar-number offline-color" @click.stop="changeMapType(statusMap.offline)">
{{extData.offlineCount}}
</cover-view>
<cover-view class="bar-text" @click.stop="changeMapType(statusMap.offline)">
{{ statusMap.offline.text }}
</cover-view>
</cover-view>
</cover-view>
</map>
- 发布:2023-03-08 10:11
- 更新:2023-03-30 21:16
- 阅读:697
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: 10
HBuilderX类型: 正式
HBuilderX版本号: 3.7.3
手机系统: Android
手机系统版本号: Android 11
手机厂商: 三星
手机机型: Galaxy A51 5G
页面类型: nvue
vue版本: vue2
打包方式: 云端
项目创建方式: HBuilderX
操作步骤:
预期结果:
字体颜色是#ffff00
字体颜色是#ffff00
实际结果:
字体颜色没有改变
字体颜色没有改变
bug描述:
在nvue页面中coverview里面的文字设置颜色不起作用