<template>
    <wallet-modal title="充值">
        <view class="top-up">
            <view class="tu-txt">
                可提现资金：
                <text class="bt-price">399.63元</text>
            </view>

            <input type="text" class="bw-ipt">

            <view class="tu-btns">
                <wm-button>取消</wm-button>
                <wm-button green>确认</wm-button>
            </view>
        </view>
    </wallet-modal>
</template>

<script>
import walletModal from './wallet_modal.vue';
import wmButton from './wm_button.vue';
export default {
    components: {
        'wallet-modal': walletModal,
        'wm-button': wmButton
    }
}
</script>

<style lang="scss">
    .top-up{
        padding: 60upx 50upx 0;
        .tu-txt{
            @include flcw(28upx, 48upx, #1A1A1A);
            .bt-price{
                color: $mColor;
            }
        }
        .bw-ipt{
            box-sizing: border-box;
            width: 100%;
            margin-top: 20upx;
            height: 108upx;
            border-radius: 10upx;
            padding: 0 20upx;
            font-size: 32upx;
            color: #1A1A1A;
            background: #F2F2F7;
        }

        .tu-btns{
            margin-top: 80upx;
            @include ctf(space-between);
        }
    }
</style>