1.整体样式修改

gaoluyang

昨天 9effd6fe741ec09c870a6a12aec394a09179c77b

 src/layout/index.vue

@@ -69,14 +69,14 @@
  @import "@/assets/styles/mixin.scss";

  @import "@/assets/styles/variables.module.scss";



.app-wrapper {
  @include clearfix;
  position: relative;
  height: 100%;
  width: 100%;
  background:
    radial-gradient(circle at top, rgba(223, 232, 226, 0.95), transparent 32%),
    linear-gradient(180deg, #f7faf8 0%, var(--app-bg) 100%);
.app-wrapper {

  @include clearfix;

  position: relative;

  height: 100%;

  width: 100%;

  background:

    radial-gradient(circle at top, rgba(223, 232, 226, 0.95), transparent 32%),

    linear-gradient(180deg, #f7faf8 0%, var(--app-bg) 100%);



  &.mobile.openSidebar {

    position: fixed;

@@ -94,25 +94,25 @@
  z-index: 999;

}



.fixed-header {
  position: fixed;
  top: 12px;
  right: 16px;
  z-index: 9;
  width: calc(100% - #{$base-sidebar-width} - 32px);
  transition: width 0.28s, right 0.28s;
  padding-bottom: 8px;
}

.hideSidebar .fixed-header {
  width: calc(100% - 70px);
}

.sidebarHide .fixed-header {
  width: calc(100% - 32px);
}
.fixed-header {

  position: fixed;

  top: 12px;

  right: 16px;

  z-index: 9;

  width: calc(100% - #{$base-sidebar-width} - 32px);

  transition: width 0.28s, right 0.28s;

  padding-bottom: 8px;

}



.hideSidebar .fixed-header {

  width: calc(100% - 70px);

}



.sidebarHide .fixed-header {

  width: calc(100% - 32px);

}



.mobile .fixed-header {

  width: 100%;

}

</style>
</style>