问答

小程序怎么判断文字条件

作者:admin 2021-07-12 我要评论

最近做天气的小程序,要根据字段等于 晴 阴 小雨 大雨等显示不同图标,请问怎么条件判断 text wx:if="{{after_tomorrow_cond_txt_d == "阴"}}" class="iconfont ...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

最近做天气的小程序,要根据字段等于 晴 阴 小雨 大雨等显示不同图标,请问怎么条件判断

<text wx:if="{{after_tomorrow_cond_txt_d == "阴"}}" class="iconfont icon-dayu"></text>
...
...
###

做一个字典表

const dict = [
 {key: "sun", title: "晴", path: "./sun.png"}
]

fotmatWeather(key){
    return dict.filter( item => item.key === key );
}

大约这样吧,有字典总是比较方便的

###

建议在this.setData之前,判断字段值 '晴 阴 小雨 大雨',
赋值不同的class类名

像下面这样
<text class="iconfont {{weaIcon}}"></text>

###
  1. 原生小程序的话,wx:if wx:elif wx:else实现
  2. 框架的话,建议绑定类名,然后computed计算属性中条件判断返回具体类名

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 小程序怎么判断文字条件

    小程序怎么判断文字条件

  • hooks中是否需要对所有函数使用useCall

    hooks中是否需要对所有函数使用useCall

  • 关于element-ui验证修改密码的问题?

    关于element-ui验证修改密码的问题?

  • Spring 只读事务

    Spring 只读事务

腾讯云代理商
海外云服务器