小程序“成语猜题”兑换页面wxml源码分享

<view class="container">

 

    <view class="ybinfo">您当前可兑换元宝数:  <span style="color:red;">{{curyb}}</span></view>

 

    <view class="noteinfo">注:10000元宝可兑换1R,兑换仅支持支付宝,48小时内兑换成功,可查看近20笔兑换记录。</view>

   

    <view class="inputarea"><view class="duihuaninfo">兑换账号:</view><input value="{{zfbid}}" type="text" bindinput="accountnuminput" placeholder="请输入兑换账号"   class="inputinfo" /><vie class="xianjininfo">|</vie><input value="{{zfbname}}" type="text" bindinput="accouuntnameinput" placeholder="姓名"   class="inputinfo" style="width:130rpx;" /></view>

 

    <view class="inputarea" style="margin-top:220rpx;"><view class="duihuaninfo">申请兑换</view><input  type="text" bindinput="txnuminput" placeholder="数目"   class="inputinfo" style="width:130rpx;" />现金</view>

 

   <button bindtap="txinput" class="inputbt" style="margin-left:37%;width:26%;font-size:30rpx;line-height:30rpx;">提交</button>

   

   <scroll-view  scroll-y class="txarea">

       

       <view wx:for="{{txlist}}" wx:key="id"  class="txone">

            <view class="txid" style="width:8%;">{{index+1}}</view>

            <view class="txinfo" style="width:20%">￥{{item.tx_yb}}</view>

            <view class="txinfo" style="width:50%;">{{item.tx_time}}</view>

                <view wx:if="{{item.tx_status==0}}">

                <view class="txinfo" style="float:right;width:20%">兑换中</view>

                </view>

                <view wx:elif="{{item.tx_status==1}}">

                <view class="txinfo" style="float:right;width:20%">已兑换</view>

                </view>

                <view wx:else>

                <view class="txinfo" style="float:right;width:20%">兑换失败</view>

                </view>

            <view style="height:5rpx;width:100%;background-color:white;"></view>

        </view>

        <view style="height:5rpx;width:100%;background-color:white;"></view>

        

 

   </scroll-view>

 

    

  

    <view class="nullblock">

    </view>

</view>