微信小程式 新增新屬性,動態展開收起檢視詳情

2021-08-13 21:59:30 字數 3064 閱讀 2033

wxml部分:

class="data-list">

class="bg-white"

wx:for="}"

wx:key="item">

class="data-info mt10 border-top-bottom op-active"

data-idx="}"

bindtap="expanddetail">

class="op-flex-box">

class="left-box op-flex-box">

class="fb">採購子項號:

}span>

}/ }/

}噸span>

view>

class="op-down-arrow

}">

span>

view>

percent="}"

backgroundcolor="#eeeeee"

activecolor="#ff6600"

show-info

active />

view>

class="data-expand p10 border-bottom"

wx:if="

}">

class="data-progress mb10">

class="lh30 tc">生產進度view>

class="data-table color-666 f24">

class="op-flex-box">

class="icon-product"

src="

}">

image>

材料申請em>

}em>

span>

class="icon-right"

src="

}">

image>

class="icon-product"

src="

}">

image>

煉鋼工序em>

}em>

span>

class="icon-right"

src="

}">

image>

class="icon-product"

src="

}">

image>

熱軋軋制em>

}em>

span>

class="icon-right"

src="

}">

image>

class="icon-product"

src="

}">

image>

冷軋軋制em>

}em>

span>

class="icon-right"

src="

}">

image>

class="icon-product"

src="

}">

image>

熱鍍鋅em>

}em>

span>

class="icon-right"

src="

}">

image>

class="icon-product"

src="

}">

image>

準發確認em>

}em>

span>

view>

view>

view>

class="data-progress">

class="lh30 tc">物流進度view>

class="data-table color-666 f24">

class="op-flex-box">

class="icon-product"

src="

}">

image>

準髮量em>

}em>

span>

class="icon-right long"

src="

}">

image>

class="icon-product"

src="

}">

image>

集港量em>

}em>

span>

class="icon-right long"

src="

}">

image>

class="icon-product"

src="

}">

image>

到港量em>

}em>

span>

class="icon-right long"

src="

}">

image>

class="icon-product"

src="

}">

image>

到庫量em>

}em>

span>

view>

view>

view>

view>

view>

view>

less:部分

.data-list

.op-down-arrow

}.data-expand

}>.op-flex-box

em }}}}}}

js**:

page(, ],

datainfo: // 重組陣列內容

},// 展開詳情

expanddetail: function

(e) );

},onload: function

(opt) ;

this.setdata();}})

最終效果圖:

微信小程式 摺疊展開效果

wxml class page class li bindtap changetoggle class left 總數view class right gray 8view view class li data index 0 bindtap changetoggle class left 類別1v...

微信小程式 js為object新增屬性

如下 var my set result.attributes.my set if my set undefined else 解釋 當我們不確定物件my set 是不是空的 物件有什麼屬性的時候,想要執行以下操作 1.如果物件my set 屬性是空的,則給他新增 is be agree的屬性,屬性...

微信小程式 陣列動態新增方式

page onload function 這個會覆蓋原有的資料 序號 文字 覆蓋之前的資料 寫法一 const temparr datalist.foreach function item,index text item.text that.setdata temparr 這個會覆蓋原有的資料 序號...