最近做天气的小程序,要根据字段等于 晴 阴 小雨 大雨等显示不同图标,请问怎么条件判断
<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>
- 原生小程序的话,wx:if wx:elif wx:else实现
- 框架的话,建议绑定类名,然后computed计算属性中条件判断返回具体类名