choin
choin
  • 发布:2020-07-29 16:22
  • 更新:2020-08-02 18:11
  • 阅读:926

【报Bug】nvue下flex布局出错,【已上传附件】

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 2.8.3

手机系统: Android

手机系统版本号: Android 10

手机厂商: 小米

手机机型: 红米note7

页面类型: nvue

打包方式: 云端

项目创建方式: HBuilderX

操作步骤:

代码中

预期结果:

1

实际结果:

1

bug描述:

nvue下text文字不能换行,
h5下正常
详情见截图,已上传附件

2020-07-29 16:22 负责人:无 分享
已邀请:
jxtian

jxtian

是升级之后才有的问题,还是之前版本的就有的?

  • choin (作者)

    这个页面在2.8.3才做,所以之前不知道啊。

    我之前是vue,我现在在做转nvue发现的这个问题

    2020-07-29 17:51

  • choin (作者)

    老大给想办法加急解决一下呗,这种布局还是好重要的撒,

    2020-07-29 17:52

  • choin (作者)

    好像涉及flex的text都不能自动换行,除非设置text的宽度,但很多时候都需要text不设置宽度就能自动换行呀

    2020-07-29 17:55

jxtian

jxtian

.nvue 页面测试没有复现,用空项目上试试,检查一下你的代码

<template>  
    <view class="flex">  
        <text class="t">test text nowrap test text nowrap test text nowrap test text nowrap test text nowrap test text nowrap test text nowrap test text nowrap test text nowrap test text nowrap test text nowrap test text nowrap test text nowrap test text nowrap test text nowrap</text>  
        <text> 55555555test text nowrap </text>  
        <text> 666666test text nowrap </text>  
    </view>  
</template>  

<style>  
    .flex {  
        display: flex;  
        flex-direction: column;  
        /* justify-content: flex-end; */  
        align-items: flex-end;  
    }  
    .t{  
        /* text-align: right; */  
    }  
</style>
  • choin (作者)

    你试试我传的ceshi.rar里的,我是指 list组件中

    2020-07-29 20:58

choin

choin (作者)

顶一下,让老大看见

choin

choin (作者)

我顶

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