小程序實現(xiàn)文本展開弥喉、收起
先在data中定義一個布爾值數(shù)據(jù)允青,根據(jù)他的false和true來判斷是否展開收起
文本超出區(qū)域顯示省略號
text-overflow:?-o-ellipsis-lastline;
????overflow:?hidden;
????text-overflow:?ellipsis;
????display:?-webkit-box;
????-webkit-line-clamp:?3;
????-webkit-box-orient:?vertical;
動態(tài)判斷顯示圖標
<image?src="{{open???'/images/packup.png'?:?'/images/nearby/select.png'}}"?class="synopsis_img"></image>
動態(tài)判斷是否展開兔沃、收起?添加樣式
<view?class="data_text?{{open???'':'hide3'}}">{{content}}</view>
wxss
.data_text{
???color:?var(--place);
???font-size:?26rpx;
???margin-top:16rpx;
}
.hide3?{
????text-overflow:?-o-ellipsis-lastline;
????overflow:?hidden;
????text-overflow:?ellipsis;
????display:?-webkit-box;
????-webkit-line-clamp:?3;
????-webkit-box-orient:?vertical;
}