微信小程序image的src使用三元运算符

<image src="{{hasIcon ? icon : iconPlay}}"></image>

 

<text >{{(topic.tab=="ask")?"问答":((topic.tab=="share")?"分享":"招聘")}}</text>

 

<view  class="weui-grid-box" style="{{item.modeId == default ? 'background-image: url(../../images/workingMode/pattern-ac.png);' : null}}" >

 

<image src='../../images/goodsInfo/{{select1==0?"default":(select1== 1?"up":"down")}}.png'></image>

 

text class="viewpager-title {{current == 0 ? 'area-selected' : ''}}"
view{{status==1?"微信小程序":"支付宝小程序"}}/view

style和三元表达式的结合使用 (注意单双引)

view  style="display:  {{ 条件? 'block' :  'none' }}"/ 

 

data:{  show:true,   yes:"http://101.89.144.168:9090//files/jk/yd/images/index/banner-3.jpg",   no:"http://101.89.144.168:9090//files/jk/yd/images/index/banner-1.jpg"},
image src="{{show?yes:no}}" style="width:100%"

show为true,显示yes这个图,show为false,显示no这个图。

 

<text class='row-right'>{{branchname==null?'选择你要加入的分会 >':branchname}}</text>

 

 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值