refactor: refactor dashboard

Vben

2021-03-31 8a14069e71d5393cfa5b758f46a1c5c001fa172b

 src/views/demo/feat/icon/index.vue

@@ -21,9 +21,24 @@
      </div>
    </CollapseContainer>

    <CollapseContainer title="图标选择器" class="my-5">
    <CollapseContainer title="svg 雪碧图" class="my-5">
      <div class="flex justify-around flex-wrap">
        <SvgIcon name="test" size="32" />
        <template v-for="item in 6" :key="item">
          <SvgIcon :name="`dynamic-avatar-${item}`" size="32" />
        </template>
      </div>
    </CollapseContainer>

    <CollapseContainer title="图标选择器(Iconify)" class="my-5">
      <div class="flex justify-around flex-wrap">
        <IconPicker />
      </div>
    </CollapseContainer>

    <CollapseContainer title="图标选择器(Svg)" class="my-5">
      <div class="flex justify-around flex-wrap">
        <IconPicker mode="svg" />
      </div>
    </CollapseContainer>

@@ -49,7 +64,7 @@
    CodepenCircleFilled,
  } from '@ant-design/icons-vue';

  import { Icon, IconPicker } from '/@/components/Icon/index';
  import { Icon, IconPicker, SvgIcon } from '/@/components/Icon/index';

  import { openWindow } from '/@/utils';
  import { PageWrapper } from '/@/components/Page';
@@ -68,6 +83,7 @@
      Icon,
      Alert,
      IconPicker,
      SvgIcon,
    },
    setup() {
      return {