精品一区二区成人精品,麻豆一区二区三,麻豆91精品视频

從事小程序開發過程中，需要實現通過樣式CSS讀取HTML中的內內容，我通過實例向大家介紹功能實現方法，接下來由南昌小程序開發公司百恒網絡開發工程師通過實例向大家介紹實現方法。

例如把更多拼接在省略號后面

當一個人喜愛梭魚跳躍的水聲時，他是個詩人；當他知道了這不過是強者追趕弱者的聲音時，他是個思想家。可是要是他不懂得這種追逐的意義所在、這種毀滅性的果所造成的平衡為什么有其必要時，他就會重<text>收起text>

view>

.r-simple::before{content:attr(data-etc); position: absolute; bottom: 0; right:0px; background: #fff; color: #999999;}

html:

<rich-text id="comment-rich-text-{{index}}"

nodes="{{ item.content }}"

class="r-content {{!!item.extendStr ? \'r-content-simple\' : \'\'}}">

rich-text>

view>

<view class="extendBtn" bindtap="extendEvent" data-index="{{index}}" wx:if="{{item.extendBtn}}">{{item.extendStr ? \'收起\':\'展開\'}}view>

JS:

//同圖片加載完成計算文字高度

listenCommentUserAvatarLoad: function (event) {

let commentIdx = event.currentTarget.dataset.index

var query = wx.createSelectorQuery();

query.select(`#comment-rich-text-${commentIdx}`).boundingClientRect((rect) => {

if (rect != null) {

const height = rect.height

if (height > 120) { //Line-height 24 * 5 行

this.data.dataList[commentIdx][\'extendStr\'] = true;

this.data.dataList[commentIdx][\'extendBtn\'] = true;//是否顯示展開按鈕

this.setData({

dataList: this.data.dataList

})

}

}).exec()

//展開事件

extendEvent:function(event){

let commentIdx = event.currentTarget.dataset.index

let curItem = this.data.dataList[commentIdx];

this.data.dataList[commentIdx][\'extendStr\'] = curItem.extendStr ? false:true;//是否全部顯示

this.setData({

dataList: this.data.dataList

})

以上都是南昌小程序開發公司百恒網絡有十多年開發經驗的開發工程師經過實際操作總的實用經驗，希望對廣大技術人員有所幫助。

百恒網絡，專業專注于南昌小程序開發、南昌APP開發，南昌網站建設，為用戶提供高品質網絡產品和優質服務是我們始終的追求,歡迎來電咨詢洽談。