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的原生方法,需要把他写成全局的,将这个方法暴露出去,在安卓端就可以直接调用方法命即可