小程序style参数内数据动态运算

2018-01-16  本文已影响970人  上善若水zyz601

对于前端页面动态改变数据是件太正常的事儿了,当然微信小程序也不例外。小程序内针对每个组件(或者叫标签)都有一个style参数,用于动态改变页面上的值。

由于每个组件都有高度、宽度值等等,今天主要说一下微信小程序内,如何使用style,并且在style参数内动态的进行加减乘除运算。

.wxml内代码粘不上来,手敲~

<view style="width : {{item.dayExpressmanEarnings / maxIncome * 460 + 250}}rpx;">

</view>

需要注意的是,dayExpressmanEarnings、maxIncome都是在 .js 内定义的变量,而且所有的运算都放在{{}}内。

另外:小程序class&style和三元表达式的结合使用   

无意中翻到的,待验证~

over~

上一篇下一篇

猜你喜欢

热点阅读