From c5ab5d65e8ed45a0d8afdef512d2265a554dfb71 Mon Sep 17 00:00:00 2001 From: zhangyongtian <1181606322@qq.com> Date: Thu, 15 Aug 2024 09:36:09 +0800 Subject: [PATCH] feat:定义弹窗 --- gz-customerSystem/src/styles/public.less | 78 ++++++++++++++++++++++++++++++++++++++- 1 files changed, 76 insertions(+), 2 deletions(-) diff --git a/gz-customerSystem/src/styles/public.less b/gz-customerSystem/src/styles/public.less index dae4c5e..c9929ba 100644 --- a/gz-customerSystem/src/styles/public.less +++ b/gz-customerSystem/src/styles/public.less @@ -1,8 +1,10 @@ @import './theme.less'; + @font-face { font-family: siYuanHeiTi; src: url('../assets/font/SourceHanSansCN-Regular-2.otf'); } + @font-face { font-family: AlibabaPuHuiTi; src: url('../assets/font/Alibaba_PuHuiTi_2.0_55_Regular_85_Bold.ttf'); @@ -94,9 +96,11 @@ height: 8px; background-color: #dfdfdf; } + ::-webkit-scrollbar-track { background-color: @bg-color; } + ::-webkit-scrollbar-thumb { border-radius: 8px; background-color: #dfdfdf; @@ -124,7 +128,7 @@ } // table 标题不缩略 -.ant-table-thead > tr > th { +.ant-table-thead>tr>th { white-space: inherit; } @@ -250,11 +254,12 @@ .public-a-no { cursor: no-drop; - color: #d9d9d9; + color: #d9d9d9; } .public-span { position: relative; + &::before { content: ''; position: absolute; @@ -742,3 +747,72 @@ color: #ffcf5c; font-size: 22px; } + +//字节弹窗 +.arco-modal { + border-radius: 0; + width: 900px; + + .arco-modal-header { + padding: 0 16px; + + .arco-modal-title { + text-align: left; + font-size: 16px; + font-family: PingFang SC, PingFang SC-400; + font-weight: 400; + color: #1d2129; + } + } + + .arco-modal-content { + padding: 16px; + max-height: 700px; + } + + .arco-modal-close-icon { + width: 20px; + height: 20px; + background: #86909C; + border-radius: 50%; + top: 14px; + right: 16px; + + .arco-icon { + color: #fff; + width: 16px; + height: 16px; + left: 2px; + top: 2px; + } + + &:hover { + .arco-icon { + color: #86909C; + } + } + } +} + +//弹窗底部按钮 +.dialogFooter { + width: 100%; + margin-top: 16px; + display: flex; + justify-content: flex-start; + align-items: center; + + .dialogPrimary { + margin-right: 16px; + } + + .dialogBack {} +} + +.arco-btn-primary:not(.arco-btn-disabled) { + background-color: @main-color; + + &:hover { + background-color: @main-color; + } +} \ No newline at end of file -- Gitblit v1.8.0