對于前端頁面動態(tài)改變數(shù)據(jù)是件太正常的事兒了,當然微信小程序也不例外。小程序內(nèi)針對每個組件(或者叫標簽)都有一個style參數(shù),用于動態(tài)改變頁面上的值弄企。
由于每個組件都有高度、寬度值等等区拳,今天主要說一下微信小程序內(nèi)拘领,如何使用style,并且在style參數(shù)內(nèi)動態(tài)的進行加減乘除運算樱调。
.wxml內(nèi)代碼粘不上來约素,手敲~
<view style="width : {{item.dayExpressmanEarnings / maxIncome * 460 + 250}}rpx;">
</view>
需要注意的是,dayExpressmanEarnings笆凌、maxIncome都是在 .js 內(nèi)定義的變量圣猎,而且所有的運算都放在{{}}內(nèi)。
另外:小程序class&style和三元表達式的結(jié)合使用? ?
無意中翻到的乞而,待驗證~
over~