Skip to content

在动作面板中使用ellipsis时出现了文字自动减少到0个的情况 #3267

@Novliee

Description

@Novliee

NutUI React 包名

@nutui/nutui-react-taro

NutUI React 版本号

2.6.14

平台

weapp

重现链接

暂时没有,但是我的代码示例非常简单

重现步骤

import { View } from "@tarojs/components";
import { Cell, Ellipsis } from "@nutui/nutui-react-taro";
import styles from "./index.module.less";
function Favorite() {
  const content =
    "NutUI3.0上线后我们研发团队也在不断的优化、测试、使用、迭代 Vue3 的相关组件,但是在跨端小程序的开发过程中,发现没有合适的组件库可以支持多端开发。为了填补这一空白,同时为了优化开发者体验,让 NutUI 能够为更多的开发者带来便利,我们决定在 NutUI 中增加小程序多端适配的能力。";
  return (
    <Cell>
      <Ellipsis content={content} direction="start" rows="2" />
    </Cell>
  );
}

export default Favorite;

期望的结果是什么?

收起时设置几行就显示几行

实际的结果是什么?

设置3行,渲染完成后直接文字自动开始减少,最终只显示展开

环境信息

Taro CLI 4.1.2 environment info:
    System:
      OS: macOS 13.5.2
      Shell: 5.9 - /bin/zsh
    Binaries:
      Node: 22.13.1 - ~/.nvm/versions/node/v22.13.1/bin/node
      Yarn: 1.22.22 - ~/.nvm/versions/node/v22.13.1/bin/yarn
      npm: 10.9.2 - ~/.nvm/versions/node/v22.13.1/bin/npm
    npmPackages:
      @tarojs/cli: 4.1.2 => 4.1.2 
      @tarojs/components: 4.1.2 => 4.1.2 
      @tarojs/helper: 4.1.2 => 4.1.2 
      @tarojs/plugin-framework-react: 4.1.2 => 4.1.2 
      @tarojs/plugin-html: 4.1.2 => 4.1.2 
      @tarojs/plugin-platform-alipay: 4.1.2 => 4.1.2 
      @tarojs/plugin-platform-h5: 4.1.2 => 4.1.2 
      @tarojs/plugin-platform-jd: 4.1.2 => 4.1.2 
      @tarojs/plugin-platform-qq: 4.1.2 => 4.1.2 
      @tarojs/plugin-platform-swan: 4.1.2 => 4.1.2 
      @tarojs/plugin-platform-tt: 4.1.2 => 4.1.2 
      @tarojs/plugin-platform-weapp: 4.1.2 => 4.1.2 
      @tarojs/react: 4.1.2 => 4.1.2 
      @tarojs/runtime: 4.1.2 => 4.1.2 
      @tarojs/shared: 4.1.2 => 4.1.2 
      @tarojs/taro: 4.1.2 => 4.1.2 
      @tarojs/taro-loader: 4.1.2 => 4.1.2 
      @tarojs/webpack5-runner: 4.1.2 => 4.1.2 
      babel-preset-taro: 4.1.2 => 4.1.2 
      eslint-config-taro: 4.1.2 => 4.1.2 
      react: ^18.0.0 => 18.3.1 

其他补充信息

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions