shuichacha/shuichacha-for-TJ/components/dashboard/dashboard.wxml

<!--components/dashboard/dashboard.wxml-->
<view class="container">
  <view class="dashboard">
    <view class="content">
      <view class="count" style="height: 100%">
        <view class="textFlag">
          <image src="/static/img/img_shuidi.png" role="img"></image>
          <text class="textcurrentMonth">本月用水</text>        
        </view>
        <view class="number">{{userInfo.intNum || 0}}<text>.{{userInfo.floatNum}}t</text></view> 
        <image class="imgbackground"  src="/static/img/bg_benyueyongshui1.png"></image>     
      </view>
     
      <!-- <view class="item" wx:for="{{userInfo.laddertype? waterStages : [waterStages[0]]}}" wx:key="index"
        style="background-color: {{item.background}}">
        <view class="icon" style="background-color: {{item.color}}"></view>
        <view class="name">{{item.name}}</view>
      </view> -->
    </view>
    <view class="wave-wrap">
      <view class="wave-inner" style="height: {{userInfo.percentage}}%;">
        <image wx:if="{{userInfo.percentage > 30}}" class="bubble" src="/static/img/bg_blister2.png"></image>
        <view wx:if="{{userInfo.percentage < 100 && userInfo.percentage > 0}}" class="after"></view>
        <view  wx:if="{{userInfo.percentage < 100 && userInfo.percentage > 0}}" class="before"></view>
      </view>
    </view>
    <!-- <view class="ruler">
      <view wx:for="{{waterStages}}" wx:key="index" class="item" style="height: calc(100% / {{waterStages.length}})">
        <view class="long-scale top" wx:if="{{index == waterStages.length - 1}}}">
          <text class="line"></text>
          <text class="number">{{item.maxValue}}</text>
        </view>
        <view class="area">
          <view class="bg" style="background-color: {{item.background}}"></view>
          <view class="scale">
            <text wx:for="{{[1,2,3,4]}}" wx:key="index" class="line"></text>
          </view>
        </view>
        <view class="long-scale">
          <text class="line"></text>
          <text class="number">{{item.minValue}}</text>
        </view>
      </view>
    </view> -->
  </view>
</view>