5***@qq.com
5***@qq.com
  • 发布:2023-03-08 10:11
  • 更新:2023-03-30 21:16
  • 阅读:697

【报Bug】uniapp中nvue中map里面的coverview中字体颜色不起作用

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: 10

HBuilderX类型: 正式

HBuilderX版本号: 3.7.3

手机系统: Android

手机系统版本号: Android 11

手机厂商: 三星

手机机型: Galaxy A51 5G

页面类型: nvue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

操作步骤:
<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>

预期结果:

字体颜色是#ffff00

实际结果:

字体颜色没有改变

bug描述:

在nvue页面中coverview里面的文字设置颜色不起作用

2023-03-08 10:11 负责人:无 分享
已邀请:
DCloud_UNI_Anne

DCloud_UNI_Anne

nvue页面只有text标签可以设置字体大小颜色

<cover-view>  
    <text style="color: #ff007f;">文字</text>  
</cover-view>

要回复问题请先登录注册