更新记录
1.0.5(2025-03-12) 下载此版本
处理小程序不生效
1.0.4(2024-11-05) 下载此版本
修复文本框点击无效
1.0.3(2024-11-01) 下载此版本
添加了slot插槽 slot="front" 来进行首行缩进,展示置顶或一些标签
查看更多平台兼容性
Vue2 | Vue3 |
---|---|
√ | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
app-vue app-nvue | √ | √ | √ | √ | √ | √ |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 | 鸿蒙元服务 |
---|---|---|---|---|
√ | √ | √ | √ | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | √ | √ | √ |
使用
复制代码//循环里使用
<long-lookMore :index="index" :cont="item.content" :fontSize="30" moreName="全部" parse :showRow="5">
<!-- #ifndef H5 || MP-WEIXIN -->
<view slot="front" class="flexalign">
<vie class="top_label font26" v-if="item.topStatus == 1">顶</vie>
<view class="label_its" @click.stop="gopage(item)">
#{{item.labelText}}#
</view>
</view>
<!-- #endif -->
</long-lookMore>
复制代码props:{
//文本
cont:{
default:''
},
//可换行
parse:{
type: Boolean,
default: false
},
//行高
lineHeight:{
type: Number,
default:44
},
// 行数
showRow:{
default:4
},
//查看更多文字
moreName:{
type: String,
default:'查看更多'
},
//收起文字
packName:{
type: String,
default:'收起'
},
fontSize:{
type: Number,
default:28
},
//展开位置
moreAddress:{
default:'center'
},
color:{
default:'#33302E'
},
index:{
default: 0
}
},
slot是定位的,所以要 z-index 要调高