小程序金额显示隐藏样式

小程序显示隐藏金额样式

点击后：
直接复制放入眼睛图片就行：

wxml：

 <view bindtap="eyeChange" style="position: absolute;top: 113px;left:14px">
      <text style="font-weight:bold;font-family: monospace;">预缴金额 (元)</text>
      <view style="float:right;margin: 1px 0 0 10px;"><image src="../image/{{jepng}}" style="width:24px;height: 22px;"></image></view>
      <view class="{{showView?'show':'hide'}}" style="font-weight:bold;font-family: auto;">{{spendingNum}}</view>
      <view class="{{showView?'hide':'show'}}" style="font-weight:bold;font-family:cursive;letter-spacing:6px;">{{spendingHideNum}}</view>
  </view>

wxss：

.hide{
  display: none;
}
.show{
  display: block;
}

js：

data: {
    spendingNum:"666.66",//如果有后台改次属性的值就行
    spendingHideNum:"****",
    jepng:"eye1.png"
  },
  //点击view块
  eyeChange: function(){
    this.setData({
      jepng:this.data.showView?"eye2.png":"eye1.png",
      showView: !this.data.showView
    })
  },