优化消息组件

xhrgbczc · Jan 26, 2021 · 67c3f2b · 67c3f2b
1 parent afb38a5
commit 67c3f2b
Show file tree

Hide file tree

Showing 54 changed files with 1,344 additions and 911 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -20,6 +20,7 @@
     "prismjs": "^1.22.0",
     "svg-sprite-loader": "^5.0.0",
     "vue": "^2.6.11",
+    "vue-codemirror": "^4.0.6",
     "vue-contextmenujs": "^1.3.13",
     "vue-cropper": "^0.5.5",
     "vue-prism-editor": "^0.5.1",

diff --git a/public/index.html b/public/index.html
@@ -11,7 +11,7 @@
     <% for (var i in htmlWebpackPlugin.options.cdn && htmlWebpackPlugin.options.cdn.css) { %>
     <link rel="stylesheet" href="<%= htmlWebpackPlugin.options.cdn.css[i] %>" />
     <% } %>
-    <link rel="stylesheet" href="//at.alicdn.com/t/font_1425251_clwbhpfien7.css">
+    <link rel="stylesheet" href="//at.alicdn.com/t/font_1425251_yben0sjxtmh.css">
     <link rel="stylesheet" href="https://cdn.bootcss.com/animate.css/3.7.2/animate.css">
   </head>
   <body>

diff --git a/src/assets/css/global.less b/src/assets/css/global.less
@@ -7,19 +7,23 @@
   user-select: none;
 }
 
-.padding0 {
+.no-padding {
   padding: 0;
 }
 
-.border0 {
+.no-border {
   border: 0;
 }
 
+.pointer {
+  cursor: pointer;
+}
+
 .border-radius0 {
   border-radius: 0;
 }
 
-.hv100 {
+.full-height {
   height: 100%;
 }
 
@@ -38,12 +42,8 @@
   background-color: rgba(31, 35, 41, .3);
 }
 
-.pointer {
-  cursor: pointer;
-}
-
 // 滚动条样式
-.lm-scrollbar {
+.lum-scrollbar {
   &::-webkit-scrollbar {
     width: 3px;
     background-color: #E4E4E5;
@@ -55,7 +55,7 @@
   }
 }
 
-.lm-icon-spin {
+.lum-icon-spin {
   -webkit-animation: loading-spinner 2s infinite linear;
   -moz-animation: loading-spinner 2s infinite linear;
   -o-animation: loading-spinner 2s infinite linear;
@@ -159,11 +159,12 @@
 }
 
 // 自定义 dialog 样式
+// lum-dialog -- start
 .lum-dialog-mask {
   position: fixed;
   top: 0;
   left: 0;
-  z-index: 999999999 !important;
+  z-index: 999;
   width: 100%;
   height: 100%;
   background-color: rgba(31, 35, 41, .3);
@@ -172,6 +173,7 @@
   align-items: center;
   justify-content: center;
 
+
   .lum-dialog-box {
     min-width: 200px;
     min-height: 200px;
@@ -191,7 +193,10 @@
       align-items: center;
       justify-content: space-between;
       border-bottom: 1px solid #f5eeee;
-      text-indent: 20px;
+
+      >p:first-child {
+        text-indent: 20px;
+      }
 
       .tools {
         height: 100%;
@@ -204,6 +209,7 @@
         i {
           font-size: 20px;
           cursor: pointer;
+          margin-left: 8px;
         }
       }
     }
@@ -219,4 +225,6 @@
       }
     }
   }
-}
+}
+
+// lum-dialog -- end