<template>
  <div class="editUserBtn opBtn">
    <VaButton color="info" :round="false" size="small" class="mr-6 mb-2" icon="edit" @click="showModal = true">
      修改信息
    </VaButton>
    <VaModal v-model="showModal" :noDismiss="true" blur ok-text="提交" cancelText="取消">
      <h3 class="va-h3">用户信息</h3>
      <userForm></userForm>
    </VaModal>
  </div>
</template>

<script>
  import userForm from './userForm.vue'
  export default {
    name: 'editUserBtn',
    components: {
      userForm,
    },
    data() {
      return {
        showModal: false,
      }
    },
  }
</script>

<style scoped lang="less">
  .opBtn {
    display: inline-block;
  }
</style>
