From 292e543d37555fc6f8f99e1150bc51eb83e16b9d Mon Sep 17 00:00:00 2001
From: unknown <539943419@qq.com>
Date: Mon, 8 Jul 2024 08:52:17 +0800
Subject: [PATCH] update:24-07-08 08:52:17  -AutoCommit

---
 aboutVUE3.md | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)

diff --git a/aboutVUE3.md b/aboutVUE3.md
index 29b20f2..3435cd8 100644
--- a/aboutVUE3.md
+++ b/aboutVUE3.md
@@ -25,3 +25,33 @@
 * 是由插件传回父组件，如上面的message会被headerProps收到，可以根据此进行进一步的处理。
 ---
 
+# style相关
+* 组件样式穿透中遇到需要修改样式的组件在组件外部的可以通过再创建一个```<style>```标签且不使用scope来实现。其中必须指定class防止样式污染。
+example:
+```scss
+<style lang="scss">
+.replay-result-card-pop-class {
+  .result-card-share {
+    ...
+    .result-card-share-text {
+      ...
+    }
+  }
+}
+</style>
+```
+* 组件：
+```html
+<el-popover
+  popper-class="replay-result-card-pop-class"
+    >
+  <template #default>
+    <div class="result-card-share" ref="shareRef">
+      <div class="result-card-share-qrcode">
+      ...
+      </div>
+      <div class="result-card-share-text">扫码分享</div>
+    </div>
+  </template>
+</el-popover>
+```
\ No newline at end of file