在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 小程序如何增刪類名和css?

小程序如何增刪類名和css?

如圖,這是一個列表,每個商品有多項活動,默認(rèn)顯示前兩項,點擊箭頭顯示或隱藏剩余項,想了半天也想不出怎么實現(xiàn)

活動數(shù)據(jù)
{
  "activities": [{
    "attribute": "20.0",
    "description": "新用戶下單立減20元",
    "icon_color": "70bc46",
    "icon_name": "首",
    "id": 901011297,
    "is_exclusive_with_food_activity": true,
    "name": "新用戶立減(不與其他活動共享)",
    "tips": "新用戶下單立減20元",
    "type": 103
  }, {
    "description": "特價",
    "icon_color": "f1884f",
    "icon_name": "特",
    "id": 415458449,
    "name": "特價",
    "tips": "特價"
  }, {
    "description": "特價",
    "icon_color": "f1884f",
    "icon_name": "特",
    "id": 396974601,
    "name": "特價",
    "tips": "特價"
  }]
}

clipboard.png

回答
編輯回答
別瞎鬧

加個點擊展開的變量?

var dropdown=false

點擊 this.setData({dropdown=!this.dropdown})

class="{{dropdown?'up':'down'}}這樣?

2017年10月2日 15:46
編輯回答
逗婦惱

解決了,想到一個笨辦法,給每個商品綁定 data-index='index',通過 goods[index] 來判斷類名是 show 還是 hide,show 的話 height 為 auto,hide 的話 height 是兩行的高度

2017年5月5日 20:28