refactor(design): add windicss

vben

2021-02-17 4d7001bbcf3ff6e62deb967cb1c15b443b8aaff4

 src/components/Application/src/AppLogo.vue

@@ -8,8 +8,12 @@
    :class="[prefixCls, theme, { 'collapsed-show-title': getCollapsedShowTitle }]"
    @click="handleGoHome"
  >
    <img src="/@/assets/images/logo.png" />
    <div class="ml-2 ellipsis" :class="[`${prefixCls}__title`]" v-show="showTitle">
    <img src="../../../assets/images/logo.png" />
    <div
      class="ml-2 truncate xs:opacity-0 md:opacity-100"
      :class="`${prefixCls}__title`"
      v-show="showTitle"
    >
      {{ title }}
    </div>
  </div>
@@ -20,12 +24,10 @@
  import { useGlobSetting } from '/@/hooks/setting';
  import { useGo } from '/@/hooks/web/usePage';
  import { useMenuSetting } from '/@/hooks/setting/useMenuSetting';
  import { useDesign } from '/@/hooks/web/useDesign';

  import { PageEnum } from '/@/enums/pageEnum';

  import { propTypes } from '/@/utils/propTypes';

  import { useDesign } from '/@/hooks/web/useDesign';

  export default defineComponent({
    name: 'AppLogo',
@@ -59,7 +61,6 @@
  });
</script>
<style lang="less" scoped>
  @import (reference) '../../../design/index.less';
  @prefix-cls: ~'@{namespace}-app-logo';

  .@{prefix-cls} {
@@ -88,12 +89,7 @@
    &__title {
      font-size: 16px;
      font-weight: 700;
      opacity: 0;
      transition: all 0.5s;

      .respond-to(medium,{
       opacity: 1;
      });
    }
  }
</style>