From b58d2d0277eecbae9348d633e7dc805771962024 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期一, 18 九月 2023 19:59:14 +0800
Subject: [PATCH] 2023-09-18
---
src/views/mobdesign/index.scss | 261 ++++++++++++++++++++++++++++++++++++++++------------
1 files changed, 200 insertions(+), 61 deletions(-)
diff --git a/src/views/mobdesign/index.scss b/src/views/mobdesign/index.scss
index 7699f0b..3753c8f 100644
--- a/src/views/mobdesign/index.scss
+++ b/src/views/mobdesign/index.scss
@@ -1,11 +1,86 @@
+body {
+ --mk-sys-color: #1890ff;
+ --mk-sys-color1: #e6f7ff;
+ --mk-sys-color2: #bae7ff;
+ --mk-sys-color3: #91d5ff;
+ --mk-sys-color4: #69c0ff;
+ --mk-sys-color5: #40a9ff;
+}
.mk-mob-view {
min-height: 100vh;
+ .eye-open {
+ .component-name {
+ display: block;
+ }
+ .anticon-tool {
+ display: none;
+ }
+ }
+ .update-tip::after {
+ content: ' ';
+ display: inline-block;
+ position: absolute;
+ top: -4px;
+ right: -4px;
+ width: 8px;
+ height: 8px;
+ background-color: red;
+ border-radius: 8px;
+ }
+ .component-name {
+ position: absolute;
+ z-index: 9;
+ display: none;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ background: rgba(255, 255, 255, 0.9);
+ border: 1px solid #1890ff;
+ overflow: hidden;
+ .center {
+ position: absolute;
+ font-size: 16px;
+ left: 50%;
+ top: 50%;
+ color: #1890ff;
+ transform: translate(-50%, -50%);
+ max-width: 70%;
+ .title {
+ text-align: center;
+ white-space: nowrap;
+ }
+ }
+ .error {
+ text-align: center;
+ color: red;
+ display: block;
+ }
+ .waring {
+ color: orange;
+ }
+ }
+
+ .mk-hidden {
+ text-decoration: line-through!important;
+ span {
+ text-decoration: line-through!important;
+ }
+ }
>.view-spin {
position: absolute;
z-index: 3;
left: calc(50% - 16px);
top: calc(50vh - 70px);
+ }
+ .back-view {
+ width: 28px;
+ float: right;
+ margin-right: 10px;
+ cursor: pointer;
+ font-size: 20px;
+ color: #757575;
}
.modal-form-board {
padding-top: 0;
@@ -17,12 +92,27 @@
z-index: 10;
transition: left 0.3s;
+ .draw {
+ position: absolute;
+ z-index: 1;
+ background: #ffffff;
+ right: -20px;
+ top: 0px;
+ box-shadow: 0 0 1px #959595;
+ border-radius: 0 2px 2px 0px;
+
+ .anticon {
+ padding: 12px 3px;
+ }
+ }
+
.pc-setting-tools {
height: calc(100vh - 48px);
width: 300px;
background: #ffffff;
overflow-y: auto;
overflow-x: hidden;
+ padding-bottom: 50px;
> .ant-collapse {
background-color: #ffffff;
@@ -38,36 +128,6 @@
.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%;
- }
}
}
}
@@ -102,47 +162,57 @@
background: rgba(0, 0, 0, 0);
}
}
+ .menu-setting.hidden {
+ left: -300px;
+ }
.mob-shell {
- width: 375px;
- height: 680px;
margin: 0 auto;
background: #000000;
background-size: 100% 100%;
padding: 25px 13px 40px;
border-radius: 30px;
-
- .mob-shell-inner {
- width: 100%;
- height: 100%;
- overflow-y: auto;
- overflow-x: hidden;
- background: #ffffff;
- 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;
+ .main-search-edit-list {
+ .page-card > div > .ant-form-item {
+ display: flex;
+ >.ant-form-item-label {
+ width: 70px;
+ }
+ >.ant-form-item-control-wrapper {
+ flex: 1;
+ }
+ .ant-form-item-label > label::after {
+ content: ' ';
+
+ }
+ }
+ .page-card.date .ant-form-item, .page-card.datemonth .ant-form-item {
+ // box-shadow: 0px 1px 1px #f0f0f0;
+ border-bottom: 1px solid #f0f0f0;
+ }
}
}
.menu-control {
position: fixed;
right: 0;
top: 48px;
- height: 100vh;
- padding: 20px 10px;
+ height: calc(100vh - 48px);
background: #ffffff;
z-index: 10;
transition: right 0.3s;
+
+ .draw {
+ position: absolute;
+ z-index: 1;
+ background: #ffffff;
+ left: -21px;
+ top: 0px;
+ box-shadow: 0 0 1px #959595;
+ border-radius: 0 2px 2px 0px;
+
+ .anticon {
+ padding: 12px 3px;
+ }
+ }
div:not(.draw), button:not(.ant-switch) {
display: block!important;
@@ -162,6 +232,29 @@
width: 22px;
height: 22px;
}
+ .wrap {
+ height: 100%;
+ padding: 20px 10px;
+ overflow-y: auto;
+ }
+ .wrap::-webkit-scrollbar {
+ width: 2px;
+ }
+ .wrap::-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);
+ }
+ .wrap::-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-control.hidden {
+ right: -145px;
}
.menu-body {
@@ -172,12 +265,9 @@
background: #959595;
padding: 50px 0px 0px;
overflow-y: auto;
- .menu-shell-inner {
- min-height: 100vh;
- margin: 0 auto;
- }
+
}
- .menu-body.saving {
+ .menu-body.saving, .menu-view.saving {
.anticon-tool {
display: none;
}
@@ -196,4 +286,53 @@
border: 1px solid rgba(0, 0, 0, 0.07);
background: rgba(0, 0, 0, 0);
}
+ .card-button-cell {
+ .ant-checkbox-inner {
+ width: 20px;
+ height: 20px;
+ }
+ }
+}
+
+.mk-mob-view.userbind {
+ .pc-setting-tools {
+ .ant-collapse-item.basedata {
+ .custom-menu-form > .ant-row {
+ > .ant-col {
+ display: none;
+ }
+ > .ant-col:nth-child(1), > .ant-col:nth-child(2) {
+ display: block;
+ }
+ }
+ .url-field-component, .model-tablename-manage-view, .ant-typography {
+ display: none;
+ }
+ }
+
+ .ant-collapse-item.component {
+ .menu-source-item {
+ display: none;
+ }
+ .menu-source-item.card-propcard, .menu-source-item.balcony-balcony, .menu-source-item.login-normallogin {
+ display: block;
+ }
+ }
+ .ant-collapse-item.cuscomponent {
+ display: none;
+ }
+ }
+ .menu-control {
+ .quote-wrap, .set-home, .set-login {
+ display: none!important;
+ }
+ }
+}
+
+body {
+ overflow-y: hidden;
+}
+
+.user-component-wrap {
+ display: none!important;
}
\ No newline at end of file
--
Gitblit v1.8.0