From f830c733cbc071f023c9a9a4e1571b7c81d672bf Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期四, 12 十一月 2020 11:47:33 +0800 Subject: [PATCH] 2020-11-12 --- src/views/billprint/index.scss | 173 +++++---------------------------------------------------- 1 files changed, 16 insertions(+), 157 deletions(-) diff --git a/src/views/billprint/index.scss b/src/views/billprint/index.scss index fa70742..a42978b 100644 --- a/src/views/billprint/index.scss +++ b/src/views/billprint/index.scss @@ -1,160 +1,19 @@ -.pc-menu-view { - background: #000; - min-height: 100vh; - .menu-body { - width: 100vw; - height: 100vh; - overflow-x: hidden; - position: relative; - background: #ffffff; - padding: 50px 0px 0px 0px; +.bill-print-wrap { + width: 1200px; + margin: 0 auto; - - .menu-setting { - position: fixed; - left: 0; - top: 48px; - z-index: 10; - height: calc(100vh - 48px); - width: 300px; - background: #ffffff; - box-shadow: 0px 2px 5px #bcbcbc; - overflow-y: auto; - - > .ant-collapse { - .ant-collapse-item.ant-collapse-item-active { - border-bottom: 1px solid #d9d9d9; - } - .ant-collapse-header { - padding: 11px 16px 10px 40px; - border-bottom: 1px solid #d9d9d9; - background: #1890ff; - color: #ffffff; - } - .ant-collapse-content-box { - .ant-form-item { - margin-bottom: 10px; - } - .model-table-tablemanage-view { - >.ant-list { - margin-top: 20px; - .ant-list-item { - display: -webkit-box; - padding-right: 20px; - position: relative; - padding-left: 5px; - overflow: hidden; - text-overflow: ellipsis; - -webkit-line-clamp: 2; - -webkit-box-orient: vertical; - min-height: 55px; - width: 100%; - .anticon { - position: absolute; - top: 0px; - right: 0px; - padding: 3px 3px 10px 10px; - cursor: pointer; - } - } - } - >.tables { - width: 66.66666667%!important; - } - >.ant-form-item-label { - width: 33.33333333%; - } - } - } - } - - >.ant-tabs { - >.ant-tabs-bar { - border-bottom: 1px solid #181F29; - margin-bottom: 0px; - min-height: 48px; - .ant-tabs-tab { - padding: 14px 16px; - color: rgba(255, 255, 255, 0.85); - } - .ant-tabs-tab-active.ant-tabs-tab { - color: #1890ff; - } - } - } - } - .menu-setting::-webkit-scrollbar { - width: 4px; - } - .menu-setting::-webkit-scrollbar-thumb { - border-radius: 5px; - box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.08); - background: rgba(0, 0, 0, 0.08); - } - .menu-setting::-webkit-scrollbar-track { - box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05); - border-radius: 3px; - border: 1px solid rgba(0, 0, 0, 0.07); - background: rgba(0, 0, 0, 0); - } - - .menu-view { - position: relative; - width: calc(100vw - 300px); - margin-left: 300px; - height: calc(100vh - 50px); - overflow-y: auto; - - > .ant-card { - >.ant-card-head { - margin-bottom: 0px; - .ant-card-head-title { - color: #1890ff; - padding: 5px 0; - } - .ant-card-extra { - padding: 5px 0; - button { - margin-left: 20px; - } - .ant-switch.big { - min-width: 60px; - height: 28px; - line-height: 28px; - margin-top: -2px; - .ant-switch-inner { - font-size: 14px; - } - } - .ant-switch.big:after { - width: 24px; - height: 24px; - } - } - } - >.ant-card-body { - padding: 0px; - } - } - } - .menu-view.saving { - .anticon-tool { - display: none; - } - } - .menu-view::-webkit-scrollbar { - width: 7px; - } - .menu-view::-webkit-scrollbar-thumb { - border-radius: 5px; - box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.08); - background: rgba(0, 0, 0, 0.08); - } - .menu-view::-webkit-scrollbar-track { - box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05); - border-radius: 3px; - border: 1px solid rgba(0, 0, 0, 0.07); - background: rgba(0, 0, 0, 0); - } + .ant-spin { + position: absolute; + top: 40vh; + z-index: 1; + left: calc(50vw - 20px); + } + .box404 { + margin-top: 10vh; + } + .print-button { + position: fixed; + right: 10px; + top: 45vh; } } -- Gitblit v1.8.0