refactor: refactor dashboard

Vben

2021-03-31 8a14069e71d5393cfa5b758f46a1c5c001fa172b

 src/views/demo/page/account/center/index.vue

@@ -6,7 +6,7 @@
          <a-col :span="8">
            <div :class="`${prefixCls}-top__avatar`">
              <img width="70" :src="headerImg" />
              <span>Serati Ma</span>
              <span>Vben</span>
              <div>海纳百川，有容乃大</div>
            </div>
          </a-col>
@@ -25,7 +25,9 @@
      <a-col :span="7" :class="`${prefixCls}-col`">
        <CollapseContainer title="标签" :canExpan="false">
          <template v-for="(tag, index) in tags" :key="index">
            <Tag class="mb-2">{{ tag }}</Tag>
            <Tag class="mb-2">
              {{ tag }}
            </Tag>
          </template>
        </CollapseContainer>
      </a-col>
@@ -51,7 +53,7 @@
</template>

<script lang="ts">
  import { Row, Col, Tag, Tabs } from 'ant-design-vue';
  import { Tag, Tabs, Row, Col } from 'ant-design-vue';
  import { defineComponent } from 'vue';
  import { CollapseContainer } from '/@/components/Container/index';
  import Icon from '/@/components/Icon/index';
@@ -66,14 +68,14 @@
    components: {
      CollapseContainer,
      Icon,
      Row,
      Col,
      Tag,
      Tabs,
      TabPane: Tabs.TabPane,
      Article,
      Application,
      Project,
      [Row.name]: Row,
      [Col.name]: Col,
    },
    setup() {
      return {
@@ -130,7 +132,7 @@
      &__team {
        &-item {
          display: inline-block;
          padding: 4px 18px;
          padding: 4px 24px;
        }

        span {