<template>
    <div>
        <form-cell :item="item"></form-cell>
        <div class="cell" v-if="item.verify && item.verify.sms">
            <div class="label">
                <i class="required" v-if="item.verify && item.verify.required">*</i>
                验证码
            </div>
            <div class="right">
                <span class="placeholder">请输入验证码</span>
                <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>
.right {
    justify-content: flex-end;
    align-items: center;
}
.el-button {
    width: 60px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    margin-left: 5px;
}
</style>
