Kaynağa Gözat

修改样式

lex-xin 2 ay önce
ebeveyn
işleme
54acab85eb

+ 19 - 0
src/styles/index.less

@@ -321,4 +321,23 @@ body {
     text-overflow: ellipsis;
 
   }
+}
+
+/** 处理富文本编辑器样式 重置 **/
+.only-child-select {
+  div, span, applet, object, iframe,
+  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+  a, abbr, acronym, address, big, cite, code,
+  del, dfn, em, img, ins, kbd, q, s, samp,
+  small, strike, strong, sub, sup, tt, var,
+  b, u, i, center,
+  dl, dt, dd, ol, ul, li,
+  fieldset, form, label, legend,
+  table, caption, tbody, tfoot, thead, tr, th, td,
+  article, aside, canvas, details, embed, 
+  figure, figcaption, footer, header, hgroup, 
+  menu, nav, output, ruby, section, summary,
+  time, mark, audio, video, hr {
+    all: revert;
+  }
 }

+ 3 - 1
src/views/information/famous-music-detail/index.tsx

@@ -98,7 +98,9 @@ export default defineComponent({
 
           {/* <div class={styles.title}>{forms.detail.name}</div> */}
           {forms.detail.intros ? (
-            <div class={styles.content} v-html={forms.detail.intros}></div>
+            <div class={styles.content}>
+              <div class={"only-child-select"} v-html={forms.detail.intros}></div>
+            </div>
           ) : (
             ''
           )}

+ 3 - 1
src/views/information/famous-music-detail/view.tsx

@@ -131,7 +131,9 @@ export default defineComponent({
 
           {/* <div class={styles.title}>{forms.detail.name}</div> */}
           {forms.detail.intros ? (
-            <div class={styles.content} v-html={forms.detail.intros}></div>
+            <div class={styles.content}>
+              <div class={"only-child-select"} v-html={forms.detail.intros}></div>
+            </div>
           ) : (
             ''
           )}

+ 3 - 1
src/views/information/instrument-detail/index.tsx

@@ -69,7 +69,9 @@ export default defineComponent({
           </div>
 
           <div class={styles.title}>{forms.detail.name}</div>
-          <div class={styles.content} v-html={forms.detail.intros}></div>
+          <div class={styles.content}>
+            <div class={"only-child-select"} v-html={forms.detail.intros}></div>
+          </div>
           {!forms.loading && !forms.detail.intros && (
             <MEmpty description="暂无内容" />
           )}

+ 3 - 1
src/views/information/instrument-detail/view.tsx

@@ -101,7 +101,9 @@ export default defineComponent({
           </div>
 
           <div class={styles.title}>{forms.detail.name}</div>
-          <div class={styles.content} v-html={forms.detail.intros}></div>
+          <div class={styles.content}>
+            <div class={"only-child-select"} v-html={forms.detail.intros}></div>
+          </div>
           {!forms.loading && !forms.detail.intros && (
             <MEmpty description="暂无内容" />
           )}

+ 4 - 2
src/views/information/musician-detail/index.tsx

@@ -71,8 +71,10 @@ export default defineComponent({
           </div>
 
           <div class={styles.title}>{forms.detail.name}</div>
-          <div class={styles.content} v-html={forms.detail.intros}></div>
-
+          <div class={styles.content}>
+            <div class={"only-child-select"} v-html={forms.detail.intros}></div>
+          </div>
+          
           {!forms.loading && !forms.detail.intros && (
             <MEmpty description="暂无内容" />
           )}

+ 3 - 1
src/views/information/musician-detail/view.tsx

@@ -104,7 +104,9 @@ export default defineComponent({
           </div>
 
           <div class={styles.title}>{forms.detail.name}</div>
-          <div class={styles.content} v-html={forms.detail.intros}></div>
+          <div class={styles.content}>
+            <div class={"only-child-select"} v-html={forms.detail.intros}></div>
+          </div>
 
           {!forms.loading && !forms.detail.intros && (
             <MEmpty description="暂无内容" />

+ 5 - 2
src/views/knowledge-library/unit-detail.tsx

@@ -254,11 +254,14 @@ export default defineComponent({
         </MSticky>
 
         <div class={[styles.containerSection, styles.woringSection]}>
+        
           {forms.dataInfo?.desc && (
+            <div class={styles.woringContent}>
             <div
-              class={styles.woringContent}
-              v-html={forms.dataInfo.desc}></div>
+              class={"only-child-select"}
+              v-html={forms.dataInfo.desc}></div></div>
           )}
+          
           {!forms.dataInfo?.desc && !forms.loading && (
             <div class={styles.woringContent}>
               <MEmpty description="暂无内容" style={{ paddingTop: '40px' }} />