<template>
    <view class="main">
        <!-- nav -->
        <navigation>{{ i18n.ModifyWithdrawalPassword }}</navigation>
        <view class="body">
            <u-input class="input" type="password" v-model="oldPassword" color="#A1A0A8" fontSize="28rpx" border="none"
                :placeholder="i18n.PleaseEnterTheOldPassword">
            </u-input>
            <u-input class="input" type="password" v-model="newPassword" color="#A1A0A8" fontSize="28rpx" border="none"
                :placeholder="i18n.CreateNewPassword">
            </u-input>

            <!-- 修改登录密码按钮 -->
            <u-button class="button" color="#00E8A2" throttleTime="500" :disabled="disabled">
                {{ i18n.Confirm }}
            </u-button>
        </view>
    </view>
</template>

<script>
export default {
    name: "changeWithdrawalPassword",
    data() {
        return {
            oldPassword: '',
            newPassword: '',
            disabled: true,
        };
    },
    computed: {
        i18n() {
            return this.$t("me");
        },
    },
    onLoad() {
    },
    onShow() { },
    methods: {

    },
}
</script>

<style lang="scss" scoped>
.main {

    .body {
        overflow: hidden;
        margin-top: 200rpx;
        padding: 0 64rpx;

        .input {
            height: 112rpx;
            line-height: 112rpx;
            background: #211F32;
            margin: 32rpx 0;
            border-radius: 32rpx;
            padding-left: 32rpx !important;
        }


        .button {
            position: relative;
            height: 112rpx;
            margin-top: 680rpx;
            border-radius: 32rpx;
            font-weight: 600;
            color: #15141F !important;
            font-size: 32rpx !important;
        }



    }

}
</style>
