更新记录

0.0.1(2024-09-26) 下载此版本

  • init

平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 4.24 app-vue app-uvue × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × ×

lime-read-more

  • 查看更多、阅读更多,用于先预览一部分,点击展开全部内容,兼容uniapp/uniappx(h5/ios,安卓)
  • 插件依赖 lime-icon

安装

插件市场导入即可

代码演示

<l-read-more>
<!-- 非vue3需要一个根节点 -->
    <view>
        <text>那一天我二十一岁,在我一生的黄金时代,我还有好多奢望。我想爱,想吃,还想在一瞬间变成天上半明半暗的云。后来我知道,生活就是个缓慢受槌的过程,人一天天老下去,奢望也一天天消失,最后变得像挨了槌的牛一样。可是我二十一岁生日时没预见到这一点。我觉得自己会永远生猛下去,什么也槌不了我。——王小波《黄金时代》</text>
        <text>初识王小波是通过阅读他的杂文集——《我的精神家园》。那是一本老旧泛黄的书,孤零零地挤在一堆散文作家中间。我拍了拍散落在上面的灰尘,只翻开一页就不能自拔。老实说,这种新奇有趣的写法确实让我眼前一亮。</text>
    </view>
</l-read-more>

插件标签

  • 默认 l-read-more 为 component
  • 默认 lime-read-more 为 demo
  • 关于vue2的使用方式

  • 插件使用了composition-api, 如果你希望在vue2中使用请按官方的教程vue-composition-api配置
  • 关键代码是: 在main.js中 在vue2部分加上这一段即可.
// vue2
import Vue from 'vue'
import VueCompositionAPI from '@vue/composition-api'
Vue.use(VueCompositionAPI)

API

Props

参数 说明 默认值
v-model 展开或收起 false
disabled 是否禁用,禁用后无法点击展开或收起 false
expandText 展开文本 展开更多
expandIcon 展开icon chevron-down
collapseText 收起文本 收起
expandIcon 收起icon chevron-up
height 收起时的高度 100px
fontSize 展开收起字体大小 30rpx
textColor 展开收起文本颜色 rgba(0,0,0,0.45)
maskColor 遮罩的渐变 string[] ['white', 'rgba(255, 255, 255, 0.3)']

Events

参数 说明 参数
change 切换触发 value:boolean
click 点击触发 ``

打赏

如果你觉得本插件,解决了你的问题,赠人玫瑰,手留余香。

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问