update: 说明文档提取为公共样式

src/style.less

@@ -1,4 +1,41 @@
 .ant-form-item-required:before {
     position: absolute;
     right: -12px;
-}
+}
+
+// 说明文档样式
+.doc {
+    height: 750px;
+    padding: 24px;
+    overflow-y: auto;
+    color: rgba(#000, 0.8);
+    font-size: 14px;
+    background-color: #fafafa;
+
+    .url {
+        padding: 8px 16px;
+        color: #2f54eb;
+        background-color: rgba(#a7bdf7, 0.2);
+    }
+
+    h1 {
+        margin: 16px 0;
+        color: rgba(#000, 0.85);
+        font-weight: bold;
+        font-size: 14px;
+
+        &:first-child {
+            margin-top: 0;
+        }
+    }
+
+    h2 {
+        margin: 6px 0;
+        color: rgba(0, 0, 0, 0.8);
+        font-size: 14px;
+    }
+
+    .image {
+        margin: 16px 0;
+    }
+}

src/views/media/Cascade/Save/index.vue

@@ -767,5 +767,5 @@ const handleSubmit = () => {
 </script>
 
 <style lang="less" scoped>
-@import './index.less';
+// @import './index.less';
 </style>

src/views/notice/Config/Detail/doc/AliyunSms.tsx

@@ -1,4 +1,4 @@
-import './index.less';
+// import './index.less';
 import { Image } from 'ant-design-vue';
 import { getImage } from '@/utils/comm';
 

src/views/notice/Config/Detail/doc/AliyunVoice.tsx

@@ -1,4 +1,4 @@
-import './index.less';
+// import './index.less';
 import { Image } from 'ant-design-vue';
 import { getImage } from '@/utils/comm';
 

src/views/notice/Config/Detail/doc/DingTalk.tsx

@@ -1,4 +1,4 @@
-import './index.less';
+// import './index.less';
 import { Image } from 'ant-design-vue';
 import { getImage } from '@/utils/comm';
 

src/views/notice/Config/Detail/doc/DingTalkRebot.tsx

@@ -1,4 +1,4 @@
-import './index.less';
+// import './index.less';
 import { Image } from 'ant-design-vue';
 import { getImage } from '@/utils/comm';
 

src/views/notice/Config/Detail/doc/Email.tsx

@@ -1,4 +1,4 @@
-import './index.less';
+// import './index.less';
 
 const Email = () => {
     return (

src/views/notice/Config/Detail/doc/Webhook.tsx

@@ -1,4 +1,4 @@
-import './index.less';
+// import './index.less';
 
 const Webhook = () => {
     return (

src/views/notice/Config/Detail/doc/WeixinApp.tsx

@@ -1,4 +1,4 @@
-import './index.less';
+// import './index.less';
 import { Image } from 'ant-design-vue';
 import { getImage } from '@/utils/comm';
 

src/views/notice/Config/Detail/doc/WeixinCorp.tsx

@@ -1,4 +1,4 @@
-import './index.less';
+// import './index.less';
 import { Image } from 'ant-design-vue';
 import { getImage } from '@/utils/comm';
 

src/views/notice/Template/Detail/doc/AliyunSms.tsx

@@ -1,4 +1,4 @@
-import './index.less';
+// import './index.less';
 
 const AliyunSms = () => {
     return (

src/views/notice/Template/Detail/doc/AliyunVoice.tsx

@@ -1,4 +1,4 @@
-import './index.less';
+// import './index.less';
 
 const AliyunVoice = () => {
   return (

src/views/notice/Template/Detail/doc/DingTalk.tsx

@@ -1,5 +1,5 @@
 
-import './index.less';
+// import './index.less';
 import { Image } from 'ant-design-vue';
 import { getImage } from '@/utils/comm';
 

src/views/notice/Template/Detail/doc/DingTalkRebot.tsx

@@ -1,4 +1,4 @@
-import './index.less';
+// import './index.less';
 
 const DingTalkRebot = () => {
   const b = '{name}';

src/views/notice/Template/Detail/doc/Email.tsx

@@ -1,4 +1,4 @@
-import './index.less';
+// import './index.less';
 
 const Email = () => {
   const a = '{标题}';

src/views/notice/Template/Detail/doc/Webhook.tsx

@@ -1,4 +1,4 @@
-import './index.less';
+// import './index.less';
 
 const Webhook = () => {
   return (

src/views/notice/Template/Detail/doc/WeixinApp.tsx

@@ -1,4 +1,4 @@
-import './index.less';
+// import './index.less';
 import { Image } from 'ant-design-vue';
 import { getImage } from '@/utils/comm';
 

src/views/notice/Template/Detail/doc/WeixinCorp.tsx

@@ -1,4 +1,4 @@
-import './index.less';
+// import './index.less';
 import { Image } from 'ant-design-vue';
 import { getImage } from '@/utils/comm';