Bladeren bron

编辑器里placeholder样式优化

任一存 2 jaren geleden
bovenliggende
commit
6159a8f47f

+ 5 - 0
packages/qjkankan-editor/src/components/materialSelector.vue

@@ -587,6 +587,11 @@ export default {
       color: #fff;
       outline: none;
     }
+    > input::placeholder,
+    textarea::placeholder {
+      font-size: 14px;
+      color: #505050 !important;
+    }
 
     > .search-icon {
       position: absolute;

+ 2 - 2
packages/qjkankan-editor/src/components/shared/Editor.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="com-editor ui-input"></div>
+  <div class="com-editor ui-input"></div>
 </template>
 <script>
 import config from "../../config";
@@ -151,7 +151,7 @@ export default {
         left: 10px;
         right: 10px;
         top: 10px;
-        color: #888888;
+        color: #505050;
     }
 
     .ql-clipboard {

+ 1 - 1
packages/qjkankan-editor/src/views/base/Toolbar.vue

@@ -204,7 +204,7 @@ export default {
     > .title-input-wrapper {
       position: relative;
       border: 1px solid rgba(151, 151, 151, 0.2);
-      padding: 0 16px;
+      padding: 0 10px;
       background: #252526;
       border-radius: 2px;
       height: 36px;

+ 8 - 0
packages/qjkankan-editor/src/views/base/index.vue

@@ -21,3 +21,11 @@ export default {
   }
 };
 </script>
+
+<style lang="less">
+    input::placeholder,
+    textarea::placeholder {
+      font-size: 14px;
+      color: #505050 !important;
+    }
+</style>