版本更新至2.11.5

Ben Lin

2024-06-18 ebbd788fbb2c0b45d4473798efc57eec8ba74a25

 src/components/Page/src/PageFooter.vue

@@ -9,20 +9,17 @@
    </div>
  </div>
</template>
<script lang="ts">
  import { defineComponent } from 'vue';
  import { useMenuSetting } from '/@/hooks/setting/useMenuSetting';
  import { useDesign } from '/@/hooks/web/useDesign';
<script lang="ts" setup>
  import { useMenuSetting } from '@/hooks/setting/useMenuSetting';
  import { useDesign } from '@/hooks/web/useDesign';

  export default defineComponent({
  defineOptions({
    name: 'PageFooter',
    inheritAttrs: false,
    setup() {
      const { prefixCls } = useDesign('page-footer');
      const { getCalcContentWidth } = useMenuSetting();
      return { prefixCls, getCalcContentWidth };
    },
  });

  const { prefixCls } = useDesign('page-footer');
  const { getCalcContentWidth } = useMenuSetting();
</script>
<style lang="less" scoped>
  @prefix-cls: ~'@{namespace}-page-footer';
@@ -39,7 +36,9 @@
    transition: width 0.2s;
    border-top: 1px solid @border-color-base;
    background-color: @component-background;
    box-shadow: 0 -6px 16px -8px rgb(0 0 0 / 8%), 0 -9px 28px 0 rgb(0 0 0 / 5%),
    box-shadow:
      0 -6px 16px -8px rgb(0 0 0 / 8%),
      0 -9px 28px 0 rgb(0 0 0 / 5%),
      0 -12px 48px 16px rgb(0 0 0 / 3%);
    line-height: 44px;