Vue.js 如何在vuesax中更改侧边栏的背景色并使其占据屏幕的高度？

如何在vuesax中更改侧边栏的背景色并使其占据整个屏幕的高度？我阅读了文档，但没有看到一个具体的例子来说明如何执行此操作。

首先介绍运行此命令所需的所有内容。 （npm i手写笔加载程序--保存开发） 然后在您使用边栏的vue组件中，将下面的代码放在脚本标记之后

    <style lang="stylus">
       .parentx-static
          overflow hidden
          height 100%
          position fixed

       .sidebarx
         height 100%

       .vs-sidebar.vs-sidebar-staticPosition
         background-color #181818

       .header-sidebar
          background-color: #000000;
          margin-left: -5%;
          margin-top: -8%;
          display flex
          align-items center
          justify-content center
          flex-direction column
          width 114%
          h4
           display flex
           align-items center
           justify-content center
           width 100%
           > button
             margin-left 10px
        .footer-sidebar
          display flex
          align-items center
          justify-content space-between
          width 100%
          > button
            border 0px solid rgba(0,0,0,0) !important
            border-left 1px solid rgba(0,0,0,.07) !important
            border-radius 0px !important
    </style>

.parentx静态
溢出隐藏
高度100%
定位
.侧边栏
高度100%
vs侧边栏vs侧边栏静态位置
背景色#181818
.标题侧栏
背景色：#000000；
左边缘：-5%；
利润率最高：-8%；
显示柔性
将项目对齐到中心
调整资源中心
弯曲方向柱
宽度114%
h4
显示柔性
将项目对齐到中心
调整资源中心
宽度100%
>钮扣
左边距10px
.页脚侧边栏
显示柔性
将项目对齐到中心
调整之间的内容空间
宽度100%
>钮扣
边框0px实心rgba（0,0,0,0）！重要的
左边框1px实心rgba（0,0,0,07）！重要的
边界半径0px！重要的

如果包含单独的css文件，也可以将css放在单独的文件中。 注意：只接受RGB和十六进制颜色。 有关更多信息，请参阅下面的链接。 链接：

在这里您可以看到一些默认的侧栏。