评论

小程序段落文本太长优化方案

长文本显示优化溢出省略组件,简单的设置达到自动适配长文本效果。

写了个关于段落文本太长优化方案的组件推荐给大家,有这个方向需求的同学可以看看:

效果及相关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>
最后一次编辑于  2023-04-04  
点赞 1
收藏
评论

1 个评论

  • admin
    admin
    2023-04-05

    已阅,收藏

    2023-04-05
    赞同
    回复
登录 后发表内容