前端常用的一些方法

1.实现文本省略

<p class="text">这是一段需要省略的文本,这是一段需要省略的文本,这是一段需要省略的文本。</p>
.text {
  width: 200px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  height: 60px;
  line-height: 20px;

}

通过CSS设置display属性为-webkit-box,表示使用弹性盒子布局;设置-webkit-box-orient属性为vertical,表示垂直排列;设置-webkit-line-clamp属性为3,表示最多显示3行文本;设置height属性为60px,表示元素的高度为60px;设置line-height属性为20px,表示每行文本的行高为20px;设置overflow属性为hidden,表示溢出隐藏。

2.在安卓里面调js的原生方法

constgoBack2 = (val,key) => {
backShow.value = true;
}
window.goBack3 =goBack2

如上所示,安卓调用js的原生方法,需要把他写成全局的,将这个方法暴露出去,在安卓端就可以直接调用方法命即可

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值