<!--pages/myOrder/myOrder.wxml--><view class='container'> <!-- 訂單列表 --> <block wx:for-items="{{carInfoData}}"> <view class='card b-shadow' bindtap='toggleBtn' id="{{item.id}}">  <view class='nearCard-fl'>  <image src='{{item.imgurl}}'></image>  </view>  <view class='nearCard-fr'>  <view>日期：   <text class='c-green'>{{item.useDate}}</text>  </view>  <view>車型：   <text class='c-green'>{{item.cx}}</text>  </view>  <view>時長：   <text class='c-green'>{{item.time}}</text>  </view>  <view>費用：   <text class='c-green'>{{item.feiyong}}</text>  </view>  </view>  <view class='down clearfix {{uhide==item.id?"":"hidden"}}'>  <view class='ml30'>啟用時間：2018.01.01 11:33</view>  <view class='ml30'>結束時間：2018.01.01 11:33</view>  <view class='ml30'>租賃地區：舟山市桃花島景區海灣浪琴</view>  <view class='feedBack'>意見反饋</view>  </view> </view> </block></view>// pages/myOrder/myOrder.jsPage({ /** * 頁面的初始數據 */ data: { uhide: 0 }, /** * 生命周期函數--監聽頁面加載 */ onLoad: function (options) { var that = this; var data = {  "datas": [  {   "id": 1,   "imgurl": "../../images/car.png",   "useDate": "2017-12-22",   "cx": "奇瑞EQ1",   "time": "1小時",   "feiyong": "20元"  },  {   "id": 2,   "imgurl": "../../images/car.png",   "useDate": "2017-12-22",   "cx": "奇瑞EQ1",   "time": "1小時",   "feiyong": "20元"  },  {   "id": 3,   "imgurl": "../../images/car.png",   "useDate": "2017-12-22",   "cx": "奇瑞EQ1",   "time": "1小時",   "feiyong": "20元"  },  {   "id": 4,   "imgurl": "../../images/car.png",   "useDate": "2017-12-22",   "cx": "奇瑞EQ1",   "time": "1小時",   "feiyong": "20元"  }  ] }; //console.log(data.datas); //設置車輛展示信息 that.setData({  carInfoData: data.datas }) }, //點擊切換隱藏和顯示 toggleBtn: function (event) {  var that = this; var toggleBtnVal = that.data.uhide; var itemId = event.currentTarget.id;  if (toggleBtnVal == itemId) {  that.setData({  uhide: 0  }) } else {  that.setData({  uhide: itemId  }) }  }})