传播星球

发布：2023-04-21 09:54
更新：2023-04-24 11:52
阅读：790

【报Bug】uni-nav-bar 扩展组件设置左右插槽宽度不起作用，设置高度也不起作用

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： 11

HBuilderX类型： Alpha

HBuilderX版本号： 3.7.13

手机系统：全部

手机厂商：苹果

页面类型： vue

vue版本： vue2

打包方式：云端

项目创建方式： HBuilderX

测试过的手机：

苹果11

示例代码：

<uni-nav-bar fixed="true" height="188rpx" statusBar="false" background-color="#00aaff" leftWidth="300rpx" rightWidth="300rpx">
<view slot="left" class="slotleft">
<text>实时保存所写内容</text>
</view>
</uni-nav-bar>

操作步骤：

按照附件即可复现

预期结果：

可以自定义样式

实际结果：

不可以自定义

bug描述：

按照文档操作看附件

ceshi.zip

2023-04-21 09:54 负责人:YUANRJ 分享

3 个回复

传播星球 (作者)

麻烦工作人员解决一下，是我用法错误还是怎么回事

YUANRJ

slot用法有问题，参考文档

传播星球 (作者)

我不明白有什么问题，我是按uni-nav-bar组件文档操作的

2023-04-24 11:33

YUANRJ

你的写法：

<view slot="left" class="slotleft">  
    <text>实时保存所写内容</text>  
</view>

正确写法：

<template v-slot:left>  
    <view class="slotleft">  
        <text>实时保存所写内容</text>  
    </view>  
</template>

该问题目前已经被锁定, 无法添加新回复

【报Bug】uni-nav-bar 扩展组件设置左右插槽宽度不起作用，设置高度也不起作用

测试过的手机：

示例代码：

<uni-nav-bar fixed="true" height="188rpx" statusBar="false" background-color="#00aaff" leftWidth="300rpx" rightWidth="300rpx">
<view slot="left" class="slotleft">
<text>实时保存所写内容</text>
</view>
</uni-nav-bar>

操作步骤：

按照附件即可复现

预期结果：

可以自定义样式

实际结果：

不可以自定义

bug描述：

3 个回复

公告

相关问题

【报Bug】uni-nav-bar 扩展组件设置左右插槽宽度不起作用，设置高度也不起作用

测试过的手机：

示例代码： <uni-nav-bar fixed="true" height="188rpx" statusBar="false" background-color="#00aaff" leftWidth="300rpx" rightWidth="300rpx"> <view slot="left" class="slotleft"> <text>实时保存所写内容</text> </view> </uni-nav-bar>

操作步骤： 按照附件即可复现

预期结果： 可以自定义样式

实际结果： 不可以自定义

bug描述：

与内容相关的链接

3 个回复

公告

相关问题

示例代码：

<uni-nav-bar fixed="true" height="188rpx" statusBar="false" background-color="#00aaff" leftWidth="300rpx" rightWidth="300rpx">
<view slot="left" class="slotleft">
<text>实时保存所写内容</text>
</view>
</uni-nav-bar>

操作步骤：

按照附件即可复现

预期结果：

可以自定义样式

实际结果：

不可以自定义