diff --git a/view/css/admin_style.css b/view/css/admin_style.css index d626916..c016bc0 100644 --- a/view/css/admin_style.css +++ b/view/css/admin_style.css @@ -92,4 +92,305 @@ body{ } *{ -webkit-tap-highlight-color:unset !important; -} \ No newline at end of file +} +.admin-index-top-item{ + width: 100%; + height: 373px; + background: #FFFFFF; + box-shadow: 0px 2px 8px 0px rgba(217,221,229,0.5000); + border-radius: 3px; + } + .admin-layui-body{ + padding:12px; + } + .admin-index-bottom-item{ + width: 100%; + height: 260px; + background: #FFFFFF; + box-shadow: 0px 2px 8px 0px rgba(217,221,229,0.5000); + border-radius: 3px; + padding-bottom: 22px; + } + .bottom-layui-row{ + margin-top: 20px; + } + .admin-index-top-item-title{ + width: 100%; + height: 46px; + line-height: 46px; + padding-left: 18px; + color: rgba(0, 0, 0, 0.65); + font-size: 16px; + font-family: PingFangSC-Regular; + text-align: left; + white-space: nowrap; + } + .admin-index-top-item-title-line{ + width: 100%; + height: 1px; + background-color: rgba(232, 232, 232, 1); + } + .admin-index-top-item-list-title{ + width: 56px; + height: 22px; + color: rgba(0, 0, 0, 0.85); + font-size: 14px; + font-family: PingFangSC-Medium; + text-align: left; + white-space: nowrap; + line-height: 22px; + margin: 18px 0 0 18px; + } + .admin-dashed-line{ + width: 100%; + height: 1px; + } + .admin-index-top-item-list-item-child{ + line-height: 1px; + padding-left: 18px; + } + .fl{ + float: left; + } + .fr{ + float: right; + } + .clear{ + clear: both; + width: 0px; + height: 0px; + } + .admin-index-top-item-list-item-child div:first-child{ + width: 70px; + height: 22px; + color: rgba(99, 108, 120, 1); + font-size: 14px; + font-family: PingFangSC-Regular; + text-align: left; + white-space: nowrap; + line-height: 25px; + margin-left: 4px; + } + .admin-index-top-item-list-item-child div:nth-child(2){ + height: 22px; + color: rgba(105, 113, 125, 1); + font-size: 14px; + font-family: PingFangSC-Regular; + text-align: left; + white-space: nowrap; + line-height: 25px; + margin-left: 51px; + padding-right: 28px; + } + .admin-index-top-item-list-item-child-icon1,.admin-index-top-item-list-item-child-icon2,.admin-index-top-item-list-item-child-icon3,.admin-index-top-item-list-item-child-icon4,.admin-index-top-item-list-item-child-icon5{ + font-size: 16px; + margin-right: 5px; + } + .admin-index-top-item-list-item-child-dot-red,.admin-index-top-item-list-item-child-dot-grey{ + margin-right: 5px; + } + .admin-index-top-item-list-item-child-dot1{ + margin-right: 0px !important; + } + .admin-index-top-item-list-item-child-dot-grey::after{ + content: ''; + display: inline-block; + width: 6px; + height: 6px; + background: #C3C6CB; + border-radius: 50%; + position: relative; + top: -4px; + } + .admin-index-top-item-list-item-child-dot-red::after{ + content: ''; + display: inline-block; + width: 6px; + height: 6px; + background: #F21019; + border-radius: 50%; + position: relative; + top: -4px; + } + .admin-card-text-1{ + width: 100%; + height: 16px; + font-size: 16px; + font-family: PingFangSC-Regular; + color: #636C78; + margin-top: 21px; + } + .admin-card-text-2{ + height: 28px; + font-size: 28px; + font-family: DINAlternate-Bold; + color: #000000; + margin-top: 39px; + } + .admin-card-text-2 span{ + width: 14px; + height: 14px; + font-size: 14px; + font-family: PingFangSC-Regular; + color: #636C78; + line-height: 14px; + } + .admin-card-text-3{ + height: 12px; + font-size: 12px; + font-family: PingFangSC-Regular; + color: #5F5F5F; + margin-top: 39px; + } + .admin-card-text-4{ + height: 12px; + font-size: 12px; + font-family: PingFangSC-Regular; + color: #5F5F5F; + margin-top: 21px; + } + .admin-card-text-5{ + max-height: 55px; + font-size: 14px; + font-family: PingFangSC-Regular; + color: #F21019; + margin-top: 25px; + overflow-y: auto; + } + .admin-index-bottom-item{ + overflow: hidden; + } + .admin-index-bottom-item div{ + padding-left: 22px; + padding-right: 6px; + } + .admin-index-top-item-list-item-child-dot-red2{ + margin-right: 5px; + } + .admin-index-top-item-list-item-child-dot-red2::after{ + content: ''; + display: inline-block; + width: 6px; + height: 6px; + background: #F21019; + border-radius: 50%; + position: relative; + top: -2px; + } + .admin-card-text-3 span,.admin-card-text-4 span{ + font-size: 11px; + margin-left: 5px; + } + .primary-msg{ + color: #69717D; + } + .admin-right-arrow{ + font-size: 14px; + position: relative; + top: 1px; + } + .menu-left-icon-img{ + font-size: 14px; + } + .menu-left-icon-img-16.admin-select{ + display: none !important; + } + .menu-left-icon-img-16{ + font-size: 18px !important; + margin-right: -4px; + margin-top: -1px; + display: inline-block; + position: relative; + top: 3px; + right: 1px; + } + .menu-left-icon-img-15{ + font-size: 15px !important; + } + @media screen and (min-width:1270px) and (max-width:1440px){ + + .admin-layui-col-top-right{ + min-width: 788px; + } + .admin-layui-col-top-left{ + min-width: 259px; + } + .admin-menu-layui-side-scroll{ + width: 188px !important; + } + .admin-menu-list .layui-nav-tree{ + width: 188px !important; + } + .admin-menu-list.layui-side{ + width: 188px !important; + } + .layui-nav-tree .layui-nav-child dd.layui-this::after { + content: ""; + display: block; + position: absolute; + z-index: 8; + left: 184px !important; + background-color: rgba(24, 144, 255, 1) !important; + border-radius: 4px !important; + width: 4px !important; + height: 29px !important; + margin-top: 5.5px !important; + top: 0px; + } + .admin-menu-list .layui-nav-bar{ + top: 184px !important; + } + .admin-layui-body{ + padding: 12px 12px 12px 0px; + } + .admin-layui-col-bottom-list{ + min-width: 217px; + } + .admin-layui-col-bottom-list-last{ + padding-right: 0px !important; + min-width: 207px !important; + } + } + @media screen and (min-width:1200px) and (max-width:1260px){ + .admin-layui-col-top-right{ + max-width: 724px !important; + } + .admin-layui-col-top-left{ + min-width: 259px; + } + .admin-menu-layui-side-scroll{ + width: 188px !important; + } + .admin-menu-list .layui-nav-tree{ + width: 188px !important; + } + .admin-menu-list.layui-side{ + width: 188px !important; + } + .layui-nav-tree .layui-nav-child dd.layui-this::after { + content: ""; + display: block; + position: absolute; + z-index: 8; + left: 184px !important; + background-color: rgba(24, 144, 255, 1) !important; + border-radius: 4px !important; + width: 4px !important; + height: 29px !important; + margin-top: 5.5px !important; + top: 0px; + } + .admin-menu-list .layui-nav-bar{ + top: 184px !important; + } + .admin-layui-body{ + padding: 12px 12px 12px 0px; + } + .admin-layui-col-bottom-list{ + min-width: 217px; + } + .admin-layui-col-bottom-list-last{ + padding-right: 0px !important; + min-width: 207px !important; + } + } \ No newline at end of file diff --git a/view/templates/tpl/home.html b/view/templates/tpl/home.html index 36656f5..12b4ed6 100644 --- a/view/templates/tpl/home.html +++ b/view/templates/tpl/home.html @@ -16,307 +16,6 @@ {literal} {/literal}