<template>
    <div>
        <form-cell :item="item"></form-cell>
        <div class="cell" v-if="item.verify && item.verify.sms">
            <div class="form">
                <el-input placeholder="请输入验证码" readonly></el-input>
                <el-button type="primary">获取</el-button>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    components: {
        FormCell: () => import('./FormCell')
    },
    props: {
        item: { type: Object, default: () => ({}) }
    }
}
</script>

<style lang="less" scoped>
.form {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    .el-button {
        flex-shrink: 0;
    }
}
.el-button {
    width: 80px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    margin-left: 15px;
}
</style>
