47 lines
1013 B
Vue
47 lines
1013 B
Vue
<template>
|
|
<view>
|
|
<u-navbar
|
|
title="充值缴费"
|
|
@rightClick="rightClick"
|
|
leftIconSize=""
|
|
:autoBack="true"
|
|
/>
|
|
<view class="box" style="margin-top: 100px">
|
|
<view class="msg">
|
|
账户余额(元)
|
|
<view>{{money}}</view>
|
|
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/kitchen/recharge_img.png" mode="widthFix" />
|
|
</view>
|
|
|
|
<view class="recharge">
|
|
<view class="rechargeTit">充值金额</view>
|
|
<view class="iptbox">
|
|
<view>￥</view>
|
|
<input type="number" :value="amount" bind:input="headerAmountClick" placeholder="请输入充值金额" placeholder-style="color: #999999;font-size: 24rpx;" />
|
|
</view>
|
|
<view class="btn" @Click="headerSubmitClick">
|
|
确认充值
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
</view>
|
|
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
money: 0, // 账户余额
|
|
amount: '',
|
|
GoodsMsg: {},
|
|
};
|
|
},
|
|
}
|
|
|
|
</script>
|
|
|
|
<style>
|
|
@import url("./index.css");
|
|
</style> |