From 722dbde665a8e335bccaa9d984cd02eb22333e54 Mon Sep 17 00:00:00 2001
From: liuyg <liuyg@qq.com>
Date: Sat, 05 Mar 2022 17:49:13 +0800
Subject: [PATCH] +新增标签，可编辑，可加图片
---
src/styles/divforms/divForms.scss | 89 ++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 84 insertions(+), 5 deletions(-)
diff --git a/src/styles/divforms/divForms.scss b/src/styles/divforms/divForms.scss
index 2171d9b..d242196 100644
--- a/src/styles/divforms/divForms.scss
+++ b/src/styles/divforms/divForms.scss
@@ -15,7 +15,8 @@
}
.divForms-theme .area {
- background-image: linear-gradient(135deg, transparent 30px, #28bbf06c 30px, #28bbf06c 50%, transparent 50%), linear-gradient(-45deg, transparent 30px, #28bbf06c 30px, #28bbf06c 50.1%, transparent 50%);
+ background-image: linear-gradient(135deg, transparent 30px, #28bbf06c 30px, #28bbf06c 50%, transparent 50%),
+ linear-gradient(-45deg, transparent 30px, #28bbf06c 30px, #28bbf06c 50.1%, transparent 50%);
}
.divForms .area {
@@ -125,7 +126,7 @@
}
.divForms .title::before {
- content: '';
+ content: "";
position: absolute;
bottom: -4px;
left: 0;
@@ -177,7 +178,7 @@
background-color: #333;
border-radius: 3px;
opacity: 0;
- transition: all .3s ease-in;
+ transition: all 0.3s ease-in;
}
.divForms .data-value-status-1 {
@@ -213,9 +214,87 @@
height: 120px;
text-align: center;
- &>div {
+ & > div {
line-height: 48px;
}
}
+}
-}
\ No newline at end of file
+//编辑自定义标签样式
+.addIconsLayer {
+ margin-top: 5px;
+ width: 100%;
+ height: 300px;
+ overflow-x: hidden;
+ overflow-y: scroll;
+ .addIconsLayerin {
+ margin: 5px 0;
+ background-color: #29baf1;
+ .el-icon--right {
+ color: #fff !important;
+ }
+ }
+}
+.addIconsLayerBut {
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding: 5px 0;
+ .el-button--primary {
+ background-color: #29baf1 !important;
+ border: 1px solid #29baf1 !important;
+ }
+}
+.addIconFromInput {
+ width: 90%;
+ background-color: transparent !important;
+ color: #fff !important;
+ input {
+ background-color: transparent !important;
+ color: #fff !important;
+ border: 1px solid transparent !important;
+ border-bottom: 2px solid #fff !important;
+ &::-webkit-input-placeholder {
+ color: #0378d6;
+ }
+ }
+ .addIconFromInputicon {
+ color: #fff !important;
+ }
+ .el-input-group__prepend {
+ padding-left: 5px;
+ width: 60px !important;
+ background-color: transparent !important;
+ color: #fff !important;
+ border: 1px solid transparent !important;
+ padding: 0 !important;
+ cursor: default !important;
+ }
+}
+
+.el-dropdown-menu.el-popper {
+ background-color: #29baf1 !important;
+ border: 1px solid #29baf1 !important;
+ li {
+ color: #fff !important;
+ &:hover {
+ color: #0378d6 !important;
+ background-color: #fff !important;
+ }
+ }
+}
+
+.addIconsLayerinimgs {
+ width: 100%;
+ max-width: 625px;
+ // height: auto;
+ display: flex;
+
+ justify-content: center;
+ flex-wrap: wrap;
+}
+
+.isOverImgs .el-upload--picture-card {
+ display: none;
+}
--
Gitblit v1.9.3