pages/index/index.wxml

<view class="container">
  <view class="page-body">
    <view class="global-background">
      <view class="page-top"></view>

      <view class="whitebox">
        <view class="row-item" style="margin-top:30%">
          <button class="flexButton" bindtap="doScan">
            <image src="/weui/images/scan.jpg" class="boximage roundImage"></image>
            <text class="qrcodeText">扫一扫</text>
          </button>
          <button class="flexButton" bindtap="doQrcode">
            <image src="/weui/images/qrcode.jpg" class="boximage roundImage"></image>
            <text class="qrcodeText">付款码</text>
          </button>
        </view>


      </view>


      <view class="row-item " style="position:relative;width:100%;background-color:white;padding-top:80rpx">

        <button class="flexButton" hover-class="flexButton-hover" bindtap="doCardLost">
          <image src="/weui/images/icon_card.png" class="boximage"></image>
          <text class="btn-text">市民卡挂失</text>
        </button>
        <button class="flexButton" hover-class="flexButton-hover" style="border:1px solid #ccc; border-width:0 1px;" bindtap="doGetBill">
          <image src="/weui/images/icon_bill.png" class="boximage"></image>
          <text class="btn-text">账单查询</text>
        </button>
        <button class="flexButton " hover-class="flexButton-hover" bindtap="doSafety">
          <image src="/weui/images/icon_securty.png" class="boximage"></image>
          <text class="btn-text">账户安全</text>
        </button>

      </view>

      <view class=" center inline-item" bindtap="doBind" style="margin-top:1%;">
        <view style="float:left">
          市民卡
        </view>
        <view style="float:right;display: block;" style="margin-left:75%;color:{{bindcolor}}">
          {{bind}}
        </view>
        <view class="arrow-icon" style="float:right;">
          >
        </view>
      </view>
      
    </view>

  </view>
</view>