样式优化

src/assets/styles/index.scss

@@ -115,3 +115,12 @@
 .new-menu-detial-info{
   height: calc(100% - 60px);
 }
+
+.detail-title{
+  font-size: 32px;
+  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
+  font-weight: 400;
+  color: #000;
+  line-height: 100px;
+  text-align: center;
+}

src/assets/styles/quillEditor.css

@@ -1,7 +1,3 @@
-.ql-align-center{
-  text-align: center;
-}
-
 .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=SimHei]::before,
 .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=SimHei]::before {
   content: "黑体";
@@ -207,3 +203,38 @@
 .ql-size-30px {
   font-size: 30px;
 }
+
+.quill-better-table-wrapper table td {
+  outline: none;
+}
+
+/* 表格列宽拖动相关样式 */
+.quill-better-table-wrapper table {
+  table-layout: fixed !important;
+  width: 100% !important;
+  border-collapse: collapse;
+}
+
+.quill-better-table-wrapper table td,
+.quill-better-table-wrapper table th {
+  border: 1px solid #ccc;
+  padding: 8px;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+.ql-align-center {
+    text-align: center;
+}
+
+.ql-align-right {
+    text-align: right;
+}
+
+.ql-align-justify {
+  text-align: justify;
+}
+
+.ql-align-right {
+  text-align: right;
+}

src/views/columnListMix.vue

@@ -287,24 +287,4 @@ export default {
   font-size: 14px;
 }
 
-.detail-title{
-  font-size: 32px;
-  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
-  font-weight: 400;
-  color: #333333;
-  line-height: 100px;
-  text-align: center;
-}
-.detail-content{
-  ::v-deep p{
-    span{
-      display: block !important;
-      text-indent:2em !important;
-    }
-    img{
-      display: block;
-      margin: 10px auto;
-    }
-  }
-}
 </style>

src/views/columnListMixDetail.vue

@@ -72,26 +72,4 @@ export default {
   height: calc(100% - 60px);
   overflow-y: scroll;
 }
-.detail-info{
-  .detail-title{
-    font-size: 32px;
-    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
-    font-weight: 400;
-    color: #333333;
-    line-height: 100px;
-    text-align: center;
-  }
-  .detail-content{
-    ::v-deep p{
-      span{
-        display: block !important;
-        text-indent:2em !important;
-      }
-      img{
-        display: block;
-        margin: 10px auto;
-      }
-    }
-  }
-}
 </style>

src/views/imgTxtDetail.vue

@@ -64,26 +64,4 @@ export default {
 
 <style lang="scss" scoped>
 @import "~@/assets/styles/index.scss";
-.detail-info{
-  .detail-title{
-    font-size: 32px;
-    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
-    font-weight: 400;
-    color: #333333;
-    line-height: 100px;
-    text-align: center;
-  }
-  .detail-content{
-    ::v-deep p{
-      span{
-        display: block !important;
-        text-indent:2em !important;
-      }
-      img{
-        display: block;
-        margin: 10px auto;
-      }
-    }
-  }
-}
 </style>