更新记录
1.0.1(2024-11-06) 下载此版本
更新文档。
1.0.0(2024-11-06) 下载此版本
ljs-content-overflow,文本溢出处理插件
平台兼容性
Vue2 | Vue3 |
---|---|
√ | × |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.1.0 app-vue | × | √ | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | × | √ | √ | × |
方便您的同时,请五星、收藏,让好的东西照亮更多深渊中负重前行的代码人。
创作不易,在您方便之际,赞赏作者,我们会更有动力继续下去。
简介
ljs-content-overflow,文本溢出处理插件,我们提供两种截断模式(last:尾截断;line:行截断)。
平台兼容性
全平台兼容。
快速开始
使用 uni_modules 安装(推荐)
使用 uni_modules 方式安装组件库,可以直接通过插件市场导入,通过右键菜单快速更新组件,不需要引用、注册,直接在页面中使用 ljs-treeChoose 组件。
参数
参数 | 类型 | 必填项 | 默认值 | 说明 |
---|---|---|---|---|
data | String | √ | 传入文本数据。 | |
mode | String | × | last | 模式。last:尾截断;line:行截断。 |
max | Number | × | 3 | 最大行数,超过则隐藏多余部分,并显示展开按钮。 |
unit | String | × | rpx | 单位,应用于本组件。暂不支持修改单位。 |
lineHeight | Number | × | 60 | 行高。 |
fontSize | Number | × | 28 | 字体大小。 |
方法
参数 | 类型 | 解释 |
---|
快速应用
<ljs-content-overflow
:data="data">
</ljs-content-overflow>
<script>
export default {
data() {
return {
data: 'What would you do if you failed?Many people may choose to give up. However,the surest way to success is to keep your direction and stick to your goal. On your way to success,you must keep your direction. It is just like a lamp,guiding you in darkness and helping you overcome obstacles on your way. Otherwise,you will easily get lost or hesitate to go ahead.',
};
}
}
</script>
贡献代码
龙九山。有任何问题,请在平台留言,在手头宽裕得情况下,我会尽快修复问题。