From ecbe0dc46ce2b8f607b9afd063104adeb7f10fe8 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期二, 30 三月 2021 15:19:31 +0800
Subject: [PATCH] 2021-03-30
---
src/views/mobdesign/index.scss | 282 +++++++++++++++++++++++++++++++++-----------------------
1 files changed, 166 insertions(+), 116 deletions(-)
diff --git a/src/views/mobdesign/index.scss b/src/views/mobdesign/index.scss
index 7251e22..7699f0b 100644
--- a/src/views/mobdesign/index.scss
+++ b/src/views/mobdesign/index.scss
@@ -1,78 +1,77 @@
-.mobile-view {
- background: #000;
+.mk-mob-view {
min-height: 100vh;
- .mob-body {
- width: 100vw;
- height: 100vh;
- overflow-x: hidden;
- position: relative;
- background: #262626;
- padding: 50px 300px 0px 40px;
- .mob-tool {
- position: fixed;
- left: 0;
- top: 48px;
- height: 100%;
- width: 40px;
- background: #262626;
- box-shadow: 2px 0px 2px #000;
- .mob-tool-content {
- width: 100%;
- .plus-content {
- position: relative;
+ >.view-spin {
+ position: absolute;
+ z-index: 3;
+ left: calc(50% - 16px);
+ top: calc(50vh - 70px);
+ }
+ .modal-form-board {
+ padding-top: 0;
+ }
+ .menu-setting {
+ position: fixed;
+ left: 0;
+ top: 48px;
+ z-index: 10;
+ transition: left 0.3s;
+
+ .pc-setting-tools {
+ height: calc(100vh - 48px);
+ width: 300px;
+ background: #ffffff;
+ overflow-y: auto;
+ overflow-x: hidden;
+
+ > .ant-collapse {
+ background-color: #ffffff;
+ .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;
- width: 100%;
- display: flex;
- align-items: center;
- writing-mode: tb-rl;
- padding: 16px 0;
- border-bottom: 1px solid #000;
- cursor: pointer;
- z-index: 10;
- background: #202735;
- i {
- margin-bottom: 5px;
- margin-left: 2px;
+ }
+ .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%;
+ }
}
}
-
- .useable-component {
- position: absolute;
- width: 305px;
- top: 0;
- bottom: 0;
- left: -340px;
- background: #fff;
- opacity: 0;
- transition: left 0.3s linear 0.1s, opacity 0.3s linear 0.1s;
- overflow-y: auto;
- }
}
- .mob-tool-content:hover {
- .useable-component {
- opacity: 1;
- left: 40px;
- }
- }
- .mob-tool-other {
- position: relative;
- z-index: 10;
- height: 1000px;
- background: #202735;
- }
- }
-
- .mob-setting {
- position: fixed;
- right: 0;
- top: 0;
- z-index: 10;
- height: 100%;
- width: 300px;
- background: #202735;
- box-shadow: 0px 2px 2px #000;
-
+
>.ant-tabs {
>.ant-tabs-bar {
border-bottom: 1px solid #181F29;
@@ -88,62 +87,113 @@
}
}
}
+ .pc-setting-tools::-webkit-scrollbar {
+ width: 4px;
+ }
+ .pc-setting-tools::-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);
+ }
+ .pc-setting-tools::-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);
+ }
+ }
+ .mob-shell {
+ width: 375px;
+ height: 680px;
+ margin: 0 auto;
+ background: #000000;
+ background-size: 100% 100%;
+ padding: 25px 13px 40px;
+ border-radius: 30px;
- .mob-shell {
- width: 375px;
- height: 680px;
- margin: 0 auto;
+ .mob-shell-inner {
+ width: 100%;
+ height: 100%;
+ overflow-y: auto;
+ overflow-x: hidden;
background: #ffffff;
- background-size: 100% 100%;
- padding: 25px 13px 40px;
- border-radius: 30px;
+ box-shadow: 0px 0px 2px #000000;
+ }
+ .mob-shell-inner::-webkit-scrollbar {
+ width: 2px;
+ }
+ .mob-shell-inner::-webkit-scrollbar-thumb {
+ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.13);
+ background: rgba(0, 0, 0, 0.23);
+ border-radius: 5px;
+ }
+ .mob-shell-inner::-webkit-scrollbar-track {
+ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
+ border: 1px solid rgba(0, 0, 0, 0.07);
+ background: rgba(0, 0, 0, 0);
+ border-radius: 3px;
+ }
+ }
+ .menu-control {
+ position: fixed;
+ right: 0;
+ top: 48px;
+ height: 100vh;
+ padding: 20px 10px;
+ background: #ffffff;
+ z-index: 10;
+ transition: right 0.3s;
- .mob-shell-inner {
- width: 100%;
- height: 100%;
- overflow-y: auto;
- overflow-x: hidden;
- box-shadow: 0px 0px 2px #000000;
+ div:not(.draw), button:not(.ant-switch) {
+ display: block!important;
+ margin-bottom: 15px;
+ width: 100%;
+ }
+ .ant-switch.big {
+ min-width: 60px;
+ height: 24px;
+ line-height: 24px;
+ margin-bottom: 15px;
+ .ant-switch-inner {
+ font-size: 14px;
}
- .mob-shell-inner::-webkit-scrollbar {
- width: 2px;
- }
- .mob-shell-inner::-webkit-scrollbar-thumb {
- box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.13);
- background: rgba(0, 0, 0, 0.23);
- border-radius: 5px;
- }
- .mob-shell-inner::-webkit-scrollbar-track {
- box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
- border: 1px solid rgba(0, 0, 0, 0.07);
- background: rgba(0, 0, 0, 0);
- border-radius: 3px;
- }
+ }
+ .ant-switch.big:after {
+ width: 22px;
+ height: 22px;
}
}
- .flex-container {
- margin: 0 15px;
+ .menu-body {
+ width: 100vw;
+ height: 100vh;
+ overflow-x: hidden;
+ position: relative;
+ background: #959595;
+ padding: 50px 0px 0px;
+ overflow-y: auto;
+ .menu-shell-inner {
+ min-height: 100vh;
+ margin: 0 auto;
+ }
}
- .flex-container .inline {
- width: 80px!important;
- margin: 9px 9px 9px 0;
+ .menu-body.saving {
+ .anticon-tool {
+ display: none;
+ }
}
- .flex-container .small {
- height: 20px!important;
- line-height: 20px!important;
+ .menu-body::-webkit-scrollbar {
+ width: 7px;
}
- .sub-title {
- color: #888;
- font-size: 14px;
- padding: 30px 0 18px 0;
+ .menu-body::-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);
}
- .placeholder {
- background-color: #ebebef;
- color: #bbb;
- text-align: center;
- height: 30px;
- line-height: 30px;
- width: 100%;
+ .menu-body::-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);
}
-}
+}
\ No newline at end of file
--
Gitblit v1.8.0