<template>
  <a-card size="small" :class="$style.top">
    <a-tabs>
      <a-tab-pane key="1" tab="用户信息设置">
        <sd-user-info :userinfo-account="userInfo.account"></sd-user-info>
      </a-tab-pane>
      <a-tab-pane key="2" tab="头像修改">
        <sd-upload-avatar :userinfo-account="userInfo.account"></sd-upload-avatar>
      </a-tab-pane>
      <!-- <a-tab-pane key="3" tab="密码修改">
        <sd-change-password :userinfo-account="userInfo.account"></sd-change-password>
      </a-tab-pane> -->
    </a-tabs>
  </a-card>
</template>

<script>
import storeMixin from '@/common/store-mixin'
import components from './_import-components/sd-account-info-import'

export default {
  name: 'SdAccountInfo',
  metaInfo: {
    title: '账户信息',
  },
  components,
  mixins: [storeMixin],
  data() {
    return {}
  },
  // mounted() {
  //   console.log(this.userInfo)
  // },
  methods: {},
}
</script>

<style module lang="scss">
@use '@/common/design' as *;
.top {
  /*  min-height: 502px; */
  min-height: 100%;
}
</style>
