美文网首页
小程序style参数内数据动态运算

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

作者: 上善若水zyz601 | 来源:发表于2018-01-16 16:37 被阅读970次

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

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

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

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

    </view>

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

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

    无意中翻到的,待验证~

    over~

    相关文章

      网友评论

          本文标题:小程序style参数内数据动态运算

          本文链接:https://www.haomeiwen.com/subject/urasoxtx.html