<template>

    <div>
        <yd-navbar bgcolor="#2196f3" color="#fff" title="修改密码">
            <router-link to="/" slot="left">
                <yd-navbar-back-icon color="#fff"></yd-navbar-back-icon>
            </router-link>
        </yd-navbar>
        <yd-cell-group color="#f00">

            <yd-cell-item>
                <span slot="left">登陆账号：</span>
                <yd-input slot="right" v-model="mobile" disabled></yd-input>
            </yd-cell-item>

            <yd-cell-item>
                <span slot="left">旧密码：</span>
                <yd-input slot="right" v-model="oldPassword"></yd-input>
            </yd-cell-item>

            <yd-cell-item>
                <span slot="left">新密码：</span>
                <yd-input slot="right" v-model="newPassword"></yd-input>
            </yd-cell-item>

            <yd-cell-item>
                <span slot="left">确认密码：</span>
                <yd-input slot="right" v-model="confirmNewPassword"></yd-input>
            </yd-cell-item>

        </yd-cell-group>
        <yd-button-group>
            <yd-button size="large" bgcolor="#3399FF" color="#fff" shape="circle">确认</yd-button>
        </yd-button-group>
    </div>
</template>

<script type="text/babel">
    export default {
        data() {
            return {
                mobile: 'test',
                oldPassword: '1234',
                newPassword: '1234',
                confirmNewPassword: '1234'
            }
        }
    }
</script>

<style lang="css" scoped>

</style>