ant-modal 修改 ant-modal-body 滚动条样式

ant-modal 修改 ant-modal-body 滚动条样式,代码如下:

复制代码
::v-deep .ant-modal-body {
    display: flex;
    justify-content: space-around;
    height: calc(100vh - 150px);
    overflow-y: auto;
    &::-webkit-scrollbar {
      width: 8px;
      height: 2px;
      background: #dee4e9;
      border-radius: 6px; /*外层轨道*/
    }
    &::-webkit-scrollbar-thumb {
      display: block;
      width: 8px;
      margin: 0 auto;
      border-radius: 6px;
      background: rgba(16, 122, 250, 0.5); /*内层轨道*/
    }
  }
复制代码

 

 

posted @   我就尝一口  阅读(1792)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示