Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

SideBar生产环境样式闪动,dev正常 #377

Open
1 task done
XTeam-Wing opened this issue May 9, 2024 · 0 comments
Open
1 task done

SideBar生产环境样式闪动,dev正常 #377

XTeam-Wing opened this issue May 9, 2024 · 0 comments

Comments

@XTeam-Wing
Copy link

XTeam-Wing commented May 9, 2024

Basic Info

What is expected?

Steps to reproduce

测试代码

<template>
  <div class="layout-demo">
    <a-layout>
      <a-layout-header>Header</a-layout-header>
      <a-layout>
        <a-layout-sider :resize-directions="['right']"> Sider </a-layout-sider>
        <a-layout-sider :resize-directions="['bottom']"> Sider </a-layout-sider>
        <a-layout-content>Content</a-layout-content>
      </a-layout>
      <a-layout-footer>Footer</a-layout-footer>
    </a-layout>
  </div>
</template>
<style scoped>
  .layout-demo :deep(.arco-layout-header),
  .layout-demo :deep(.arco-layout-footer),
  .layout-demo :deep(.arco-layout-sider-children),
  .layout-demo :deep(.arco-layout-content) {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: var(--color-white);
    font-size: 16px;
    font-stretch: condensed;
    text-align: center;
  }

  .layout-demo :deep(.arco-layout-header),
  .layout-demo :deep(.arco-layout-footer) {
    height: 64px;
    background-color: var(--color-primary-light-4);
  }

  .layout-demo :deep(.arco-layout-sider) {
    width: 206px;
    background-color: var(--color-primary-light-3);
    min-width: 150px;
    max-width: 500px;
    height: 200px;
  }

  .layout-demo :deep(.arco-layout-content) {
    background-color: rgb(var(--arcoblue-6));
  }
</style>
<script setup></script>

image
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant