3***@qq.com
3***@qq.com
  • 发布:2024-11-09 10:01
  • 更新:2024-11-22 15:35
  • 阅读:77

【报Bug】导航栏背景色编译后JS有BUG,影响背景色显现,本地运行可以,编译后报错!急急急!

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 4.29

浏览器平台: Chrome

浏览器版本: 130.0.6723.92(正式版本) (64 位)

项目创建方式: HBuilderX

示例代码:

<page-meta>
<navigation-bar background-color="blue"/>
</page-meta>

操作步骤:

编译后出现这问题

预期结果:

尽快修复这个BUG

实际结果:

尽快修复这个BUG

bug描述:

当页面使用
<page-meta>
<navigation-bar background-color="blue"/>
</page-meta>
时,编译成H5,在服务器上网站会不生效,报NavigationBarLoading函数未定义,从而影响后续JS代码执行,导航栏背景色不生效!本地运行到浏览器可以,编译后不行

2024-11-09 10:01 负责人:无 分享
已邀请:
DCloud_UNI_OttoJi

DCloud_UNI_OttoJi - 日常回复 uni-app/x 问题,如果艾特我没看到,请主动私信

提供下复现工程,或者单页面源码,说明 vue 和 HBuilderX 的版本,说明你的 navigation-bar 是怎么封装的。

如果你在调用 setnavigationbarloading,有可能会被 tree-shaking,改成普通写法,if(show){ showloading}else{hideloading}

3***@qq.com

3***@qq.com (作者)

mpm-v 10.8.3
Hbuilder 4.29

<template>  
    <page-meta>  
        <navigation-bar :background-color="themeColor.color" />  
    </page-meta>  
    <view id="apps">  
        <view class="img_flash">  
            <image :src="prefix+'cad/yuan_zhou_chang.png'" @tap="previewImage" mode="widthFix"></image>  
        </view>  

        <view class="title">  
            <text class="t" :class="''+themeColor.name">{{$t('ji.suan.can.shu')}}</text>  
            <jbkj-bar :calculationType="calculationType" :isShowVideo="isShowVideo" :otherInfo="otherInfo" :isCollect="isCollect" :showParams="showParams" :user="user" rprefix='yali_rongqi'   
                @collectClick='collectClick' @panelParams='panelParams'></jbkj-bar>  
        </view>  

        <view :class="'pub_form'+(locale=='en'?'_e':'')" v-if="showParams">  
            <view class="form_item">  
                <view class="checkbox_group">  
                    <radio-group @change="radioChangePokou" class="checkbox_label">  
                        <label class="checkbox">  
                            <radio value="0" :checked="radioIdx == '0'" color="#333"/>{{$t('zhi.ban.jing')}}  
                        </label>  
                        <label class="checkbox">  
                            <radio value="1" :checked="radioIdx == '1'" color="#333"/>{{$t('zhi.zhi.jing')}}  
                        </label>  
                        <label class="checkbox">  
                            <radio value="2" :checked="radioIdx == '2'" color="#333"/>{{$t('zhi.zhou.chang')}}  
                        </label>  
                    </radio-group>  
                </view>  
            </view>  
            <view class="form_item" v-if="item.idx==0">  
                <text class="star">{{$t('ban.jing')}}</text>  
                <input type="digit" v-model="item.radius" @confirm="confirm(0)" :focus="focus" :placeholder="$t('qsr')+$t('ban.jing')"  
                    placeholder-class="placeholder">  
                <view class="unit">  
                    <button @tap="clear(0)"/>  
                </view>  
            </view>  
            <view class="form_item" v-if="item.idx==1">  
                <text class="star">{{$t('zhi.jing')}}</text>  
                <input type="digit" v-model="item.diameter" @confirm="confirm(1)" :focus="focus1" :placeholder="$t('qsr')+$t('zhi.jing')"  
                    placeholder-class="placeholder">  
                <view class="unit">  
                    <button @tap="clear(1)"/>  
                </view>  
            </view>  
            <view class="form_item" v-if="item.idx==2">  
                <text class="star">{{$t('zhou.chang')}}</text>  
                <input type="digit" v-model="item.perimeter" @confirm="confirm(1)" :focus="focus1" :placeholder="$t('qsr')+$t('zhou.chang')"  
                    placeholder-class="placeholder">  
                <view class="unit">  
                    <button @tap="clear(1)"/>  
                </view>  
            </view>  
            <view class="form_item">  
                <text class="">{{$t('deng.fen.shu')}}</text>  
                <picker @change="bindPickerChange" :value="equalPartsIdx" :range="equalPartsArr">  
                    <view class="picker">  
                        <view v-if="equalPartsIdx == -1" class="placeholder">{{$t('qing.xuan.ze.deng.fen.shu')}}</view>  
                        <text v-if="equalPartsIdx >= 0" class="selText">{{equalPartsArr[equalPartsIdx]}}</text>  
                        <image src="/static/images/icon_arr.png" mode="widthFix"></image>  
                    </view>  
                </picker>  
            </view>   
            <view class="form_item tip">  
                {{$t('zhu.yi')}}:  
                <view class="red">  
                    <text>*</text>{{$t('dai.biao.bi.tian.xuan.xiang')}}  
                </view>  
            </view>  
        </view>  
        <!-- 计算结果 -->  
        <view class="title">  
            <text class="t" :class="''+themeColor.name">{{$t('ji.suan.jie.guo')}}</text>  
            <view class="icon_list">  
                <button :class="showResult ? 'arr arr_dn' : 'arr'" @tap="panelTable">  
                    <image src="/static/images/icon_arr.png" mode="widthFix"></image>  
                </button>  
            </view>  
        </view>  

        <view :class="'pub_form'+(locale=='en'?'_e':'')" v-if="showResult">  
            <view class="form_item">  
                <text>{{$t('zhou.chang')}}</text>  
                <text :class="item.arc ? 'content' : 'placeholder'">{{item.arc ? item.arc : $t('ji.suan.jie.guo')}}</text>  
                <view class="unit">  
                    <button @tap="clear(1)"/>  
                </view>  
            </view>  
            <view class="form_item">  
                <text>{{$t('ban.jing')}}</text>  
                <text :class="item.arc1 ? 'content' : 'placeholder'">{{item.arc1 ? item.arc1 : $t('ji.suan.jie.guo')}}</text>  
                <view class="unit">  
                    <button @tap="clear(2)"/>  
                </view>  
            </view>  
            <view class="form_item">  
                <text>{{$t('zhi.jing')}}</text>  
                <text :class="item.arc2 ? 'content' : 'placeholder'">{{item.arc2 ? item.arc2 : $t('ji.suan.jie.guo')}}</text>  
                <view class="unit">  
                    <button @tap="clear(3)"/>  
                </view>  
            </view>  
            <view class="form_item" v-for="(it, index) in resultJson" v-bind:key="index">  
                <text>{{it.x}}</text>  
                <text :class="it.xval ? 'content' : 'placeholder'">{{it.xval ? it.xval : $t('ji.suan.jie.guo')}}</text>  
                <view class="unit">  
                    <button @tap="clearPart(index)"/>  
                </view>  
            </view>  
        </view>  

        <jbkj-video :video="video" v-if="video.videoUrl"></jbkj-video>  
        <view class="blank"></view>  

        <!-- 底部btn -->  
        <jbkj-buttons @compute='compute' @reset='reset' cols="2"></jbkj-buttons>  
    </view>  
</template>
  • 8***@qq.com

    不行的话,就先用自定义导航栏吧。。 uni-nav-bar 你看看能不能满足需求

    2024-11-22 16:41

  • 8***@qq.com

    show/hide NavigationBarLoading这个api 我也没在打包之后的代码中看到

    2024-11-22 16:42

要回复问题请先登录注册