增加自定义提示

static/custom/css/index.css

@@ -3095,7 +3095,7 @@
 }
 
 /* 文本框 */
-.popup-textarea{
+.popup-textarea {
   /* width: 212px; */
   width: 161.6px;
   /* height: 154px; */
@@ -3108,26 +3108,28 @@
   background-size: 100% 100%;
   padding: 5px 5px 0px 5px;
 }
-.popup-textarea textarea{
-  background-color: unset!important;
-  border: unset!important;
+
+.popup-textarea textarea {
+  background-color: unset !important;
+  border: unset !important;
   color: #fff;
 }
+
 .popup-textarea textarea::-webkit-scrollbar {
-  width: 8px!important;
+  width: 8px !important;
   /* height: 8px!important; */
 }
 
 .popup-textarea textarea::-webkit-scrollbar-thumb {
-  border-radius: 5px!important;
-  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2)!important;
-  background-color: rgba(var(--color-sdk-base-rgb))!important;
+  border-radius: 5px !important;
+  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
+  background-color: rgba(var(--color-sdk-base-rgb)) !important;
 }
 
 .popup-textarea textarea::-webkit-scrollbar-track {
-  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2)!important;
-  border-radius: 5px!important;
-  background-color: rgba(var(--color-sdk-base-rgb), 0.1)!important;
+  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
+  border-radius: 5px !important;
+  background-color: rgba(var(--color-sdk-base-rgb), 0.1) !important;
 }
 
 /* 贴地图片 */
@@ -3587,21 +3589,26 @@
   border-image: linear-gradient(to bottom, var(--color-sdk-gradual)) 1;
   color: #fff;
 }
+
 .billboard-attribute-box .DIV-cy-tabs {
   height: 100%;
   display: flex;
   flex-direction: column;
 }
+
 .billboard-attribute-box .DIV-cy-tabs .DIV-cy-tab-top .DIV-cy-tab-pane-title {
   padding: 0 2px;
 }
+
 .billboard-attribute-box .DIV-cy-tabs .DIV-cy-tab-top .DIV-cy-tab-pane-title:first-child {
   padding-left: 0;
 }
+
 .billboard-attribute-box .DIV-cy-tabs .DIV-cy-tab-top .DIV-cy-tab-pane-title:last-child {
   padding-right: 0;
 }
-.billboard-attribute-box .DIV-cy-tabs .DIV-cy-tab-top .DIV-cy-tab-pane-title span{
+
+.billboard-attribute-box .DIV-cy-tabs .DIV-cy-tab-top .DIV-cy-tab-pane-title span {
   margin: 0 5px;
 }
 
@@ -3609,4 +3616,57 @@
   padding: 0 5px 5px 5px;
   box-sizing: border-box;
   flex: 1;
+}
+
+/* 自定义提示 */
+#YJ-custom-message {
+  /* 固定在顶部中央 */
+  position: fixed;
+  top: 0;
+  left: 50%;
+  transform: translate(-50%, 0%);
+  /* 初始位置在屏幕顶部外 */
+
+  /* 样式美化 */
+  display: flex;
+  border-radius: 4px;
+  font-size: 14px;
+  padding: 15px 20px;
+  width: 380px;
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+  z-index: 9999999;
+
+
+  /* 动画定义 */
+  animation: YJ-custom-message-slideDown 0.5s forwards,
+    YJ-custom-message-fadeOut 0.5s 1500ms forwards;
+}
+
+#YJ-custom-message i {
+  margin: 2px 10px 0 0;
+  display: flex;
+  align-items: center;
+  width: 16px;
+}
+
+#YJ-custom-message.success {
+  background-color: #f0f9eb;
+  color: rgb(82, 196, 26);
+}
+
+/* 滑入动画 */
+@keyframes YJ-custom-message-slideDown {
+  to {
+    top: 20px;
+    /* 移动到屏幕顶部 */
+  }
+}
+
+/* 淡出动画 - 1500ms后执行 */
+@keyframes YJ-custom-message-fadeOut {
+  to {
+    opacity: 0;
+    top: -200px
+      /* 移回顶部外 */
+  }
 }