From 876a5e6657d67df66bb525d02dd6d147ba81cae5 Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期四, 05 一月 2023 09:53:37 +0800 Subject: [PATCH] 2023-01-05 --- src/menu/components/module/voucher/index.scss | 97 +++++++++++++++++++++++++++++++++++++++++++++--- 1 files changed, 91 insertions(+), 6 deletions(-) diff --git a/src/menu/components/module/voucher/index.scss b/src/menu/components/module/voucher/index.scss index c5f6e98..c7def70 100644 --- a/src/menu/components/module/voucher/index.scss +++ b/src/menu/components/module/voucher/index.scss @@ -18,12 +18,97 @@ padding: 5px; background: rgba(255, 255, 255, 0.55); } - .empty-content { - text-align: center; - font-size: 30px; - margin: 0; - line-height: 90px; - color: #bcbcbc; + + .voucher-header { + padding: 10px; + border-bottom: 1px solid #eeeeee; + + .header-btn { + height: 28px; + min-width: 80px; + margin-right: 10px; + } + } + .voucher-body { + padding: 0 15px; + .voucher-code { + display: inline-block; + width: 160px; + margin-right: 15px; + + div { + display: inline-block; + min-width: 50px; + margin-right: 10px; + border: 1px solid #d9d9d9; + padding: 4px 10px; + border-radius: 4px; + + .anticon-down { + position: relative; + left: 3px; + color: #c8c8c8; + font-size: 12px; + margin-left: 5px; + } + } + } + .pre-wrap { + padding: 10px 0px; + } + .voucher-date { + display: inline-block; + div { + display: inline-block; + min-width: 50px; + margin-right: 10px; + border: 1px solid #d9d9d9; + padding: 4px 10px; + border-radius: 4px; + color: #c8c8c8; + + .anticon { + position: relative; + left: 3px; + color: #c8c8c8; + margin-left: 5px; + } + } + } + .voucher-affix { + float: right; + width: 250px; + div { + display: inline-block; + min-width: 50px; + margin-right: 10px; + border: 1px solid #d9d9d9; + padding: 4px 10px; + border-radius: 4px; + } + } + } + + .add-background { + background: #26C281; + border-color: #26C281; + color: #ffffff; + } + .print-background { + background-color: #8E44AD; + border-color: #8E44AD; + color: #ffffff; + } + .out-background { + background-color: rgb(50, 197, 210); + border-color: rgb(50, 197, 210); + color: #ffffff; + } + + .system-background { + background: #1890ff; + border-color: #1890ff; + color: #ffffff; } } .menu-voucher-box::after { -- Gitblit v1.8.0