写了个关于段落文本太长优化方案的组件推荐给大家,有这个方向需求的同学可以看看:
效果及相关API:
插件地址:https ://ext.dcloud.net.cn/plugin?id=11511
使用方式:
<template>
<view class="content">
<kevy-ellipsis content="这是一个uniapp通用的超长文本处理组件,简单的设置达到自动适配超长文本,如需纯微信开发者工具版本的可私信领取。祝您使用愉快,本插件会长期维护更新,有问题及时反馈哦,开源不易,如果本插件对您有帮助的话请及时点个好评吧,或者赞赏一下,总之谢谢您的鼓励啦。" font-color="#666666" :font-size="32" :rows="3" @contentClick="myclick" collapseText="收起" expandText="展开" actionFontColor="#007aff"></kevy-ellipsis>
</view>
</template>
<script>
import kevyEllipsis from '@/components/kevy-ellipsis/kevy-ellipsis'
export default {
components: {
kevyEllipsis
},
data() {
return {
}
},
onLoad() {
},
methods: {
//点击文本
myclick(){
console.log("哈哈,你点击文本了。。。");
}
}
}
</script>
<style>
.content {
box-sizing: border-box;
width: 100%;
padding: 24rpx;
}
</style>
已阅,收藏