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

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

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

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

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

</view>

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

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

无意中翻到的，待验证~

over~

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 3.微信小程序-B站：wxml和wxss文件
    WXML WXML（WeiXin Markup Language）是微信的一套标签语言，结合基础组件、事件系统，可...
    许剑锋阅读 7,004评论 3赞 51
  • 微信小程序学习资料
    转载链接 注：本文转载知乎上的回答 作者：初雪 链接：https://www.zhihu.com/question...
    pengshuangta阅读 28,907评论 9赞 295
  • 官方问答--微信小程序常见FAQ (17.8.21-17.8.27)
    给提问的开发者的建议：提问之前先查询 文档、通过社区右上角搜索搜索已经存在的问题。 写一个简明扼要的标题，并且...
    极乐叔阅读 14,097评论 0赞 3
  • 优秀第三方
    发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,300评论 4赞 61
  • 秋
    秋天是张己被画过的书卷，像被一阵风吹来似的， 悄悄地来了。 秋天的蓝天更是别具一格，看蓝天上没有...
    津汝阅读 228评论 0赞 0