小程序style参数内数据动态运算
2018-01-16 本文已影响970人
上善若水zyz601
对于前端页面动态改变数据是件太正常的事儿了,当然微信小程序也不例外。小程序内针对每个组件(或者叫标签)都有一个style参数,用于动态改变页面上的值。
由于每个组件都有高度、宽度值等等,今天主要说一下微信小程序内,如何使用style,并且在style参数内动态的进行加减乘除运算。
.wxml内代码粘不上来,手敲~
<view style="width : {{item.dayExpressmanEarnings / maxIncome * 460 + 250}}rpx;">
</view>
需要注意的是,dayExpressmanEarnings、maxIncome都是在 .js 内定义的变量,而且所有的运算都放在{{}}内。
无意中翻到的,待验证~
over~