更新记录

1.0.1（2023-05-19） 下载此版本

新增插槽解决-webkit-box兼容问题

1.0.0（2023-05-19） 下载此版本

正式版本

0.0.1（2023-05-19） 下载此版本

测试发布

平台兼容性

uni-app

其他

GUI-Text 文本

自动缩略文本、长按显示全文弹窗

组件名：g-ui-text

API

Props

注意！！！！

多行省略使用的是-webkit-box，在非WebKit核心的浏览器可能失效，请改用插槽方法。

示例

<g-ui-text 
    line="2" 
    :text="data"
/>
<!-- 必须绑定text用于弹窗，如未绑定，弹窗不会弹出 -->
<g-ui-text :text="data">
    <text class="ellipsis-text">{{ data }}</text>
</g-ui-text>

data: "汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字"

.ellipsis-text {
    width: 100%;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}