<template>
   <Modal v-model="my_show" title="忘记密码">
      <div class="wraper">
         <div class="step-1" v-if="is_show">
            <ul>
               <li class="ds-flex umar-b20">
                  <div class="flex-1">
                     <Input size="large" placeholder="请输入手机号码"></Input>
                  </div>
                  <div class="umar-l15">
                     <Button size="large" type="error">获取短信验证码</Button>
                  </div>
               </li>

               <li>
                  <Input size="large" placeholder="请输入验证码"></Input>
               </li>
            </ul>
         </div>

         <div class="step-2" v-if="!is_show">
            <ul>
               <li class="umar-b20">
                  <Input size="large" placeholder="请输入新密码"></Input>
               </li>

               <li>
                  <Input size="large" placeholder="请输入确认密码"></Input>
               </li>
            </ul>
         </div>

         <div class="umar-t20">
            <Button size="large" type="primary" long>确定</Button>
         </div>

      </div>
   </Modal>
</template>

<script>
   export default{
      props: {
         show: {
            type: Boolean,
            default: false
         },
      },
      data(){
         return{
            my_show: false,
            is_show: true,
         }
      }
   }
</script>

<style scoped>
   >>> .ivu-modal-footer{
      display: none;
   }
</style>
