From 9a70d89be1e369dc2ea2a4babd3b3fdb326fcecc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=8D=E5=A6=82=E6=91=B8=E9=B1=BC=E5=8E=BB?=
 <1780903673@qq.com>
Date: Sun, 10 Nov 2024 20:59:43 +0800
Subject: [PATCH] =?UTF-8?q?docs:=20=E2=9C=8F=EF=B8=8F=20=20=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4join-group=E9=A1=B5=E9=9D=A2=E5=8A=A0=E7=BE=A4?=
 =?UTF-8?q?=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/guide/join-group.md | 41 +++++++++++++++++++++++++++-------------
 1 file changed, 28 insertions(+), 13 deletions(-)

diff --git a/docs/guide/join-group.md b/docs/guide/join-group.md
index 48bf46c34..b92b6bd8e 100644
--- a/docs/guide/join-group.md
+++ b/docs/guide/join-group.md
@@ -5,13 +5,7 @@
 
 ## 沟通案例
 
-下面介绍几个沟通案例，通过这些案例我们将了解哪些提问方式最容易使问题得到解决
-
-### 正确案例
-
-**_仔细察看文档和常见问题后确认未解决再提问，提问时详细描述自己的问题，并提供复现 demo 以便他人协助排查问题。例如：_**
-
-我在使用`Button`组件的`custom-class`属性来自定义样式时遇到了自定义样式不生效的问题，我阅读了官方文档和常见问题，但仍然无法解决，我将我的最小复现 demo 整理到复现仓库了，请问能否帮助排查问题？
+下面介绍几个沟通案例，通过这些案例我们将了解哪些提问方式最容易使问题得到解决。
 
 ### 错误案例
 
@@ -21,23 +15,44 @@
 - 错误案例 2：你们这个组件怎么这么垃圾，`custom-class`属性用不了，我自定义样式都不生效，你们能不能修复一下？
 - 错误案例 3：？这个组件有 bug？我自定义样式都不生效？？？
 
-### QQ 群
 
-1 群已满，可以加 2 群。
+### 正确案例
+
+**_仔细察看文档和常见问题后确认未解决再提问，提问时详细描述自己的问题，并提供复现 demo 以便他人协助排查问题。例如：_**
+
+我在使用`Button`组件的`custom-class`属性来自定义样式时遇到了自定义样式不生效的问题，我阅读了官方文档和常见问题，但仍然无法解决，我将我的最小复现 demo 整理到复现仓库了，请问能否帮助排查问题？
 
-**_[提问的智慧](https://lug.ustc.edu.cn/wiki/doc/smart-questions/)，可以帮助你快速提出正确的问题，获得更快的解答。_**
+## QQ 群
+
+目前 1 群已满，请加 2 群。
 
 <div style="display: flex;gap:24px;">
-  <img style="width: 250px; height: 250px;" :src="QQ1" :style="{filter: checked ? 'none' : 'blur(5px)'}" />
-  <img style="width: 250px; height: 250px;" :src="QQ2" :style="{filter: checked ? 'none' : 'blur(5px)'}" />
+  <img style="width: 250px; height: 250px;" :src="QQ1" @click="handleClick" :style="{filter: checked ? 'none' : 'blur(5px)'}" />
+  <img style="width: 250px; height: 250px;" :src="QQ2" @click="handleClick" :style="{filter: checked ? 'none' : 'blur(5px)'}" />
 </div>
 
-<el-checkbox style="margin-top: 16px;" v-model="checked" label="我已阅读以上沟通案例，并同意按照正确案例提问" />
+***快速定位问题小技巧***
+1. 阅读组件文档，查看是否有遗漏。
+2. 查看[常见问题](/guide/common-problems)，是否有类似问题。
+3. 查看[Github issues](https://github.com/Moonofweisheng/wot-design-uni/issues)，是否有类似问题。
+4. 翻看[更新日志](/guide/changelog)，查看是否有相关更新。
+5. 学习[提问的智慧](https://lug.ustc.edu.cn/wiki/doc/smart-questions/)，如何快速提出正确的问题。
+
+<el-checkbox  v-model="checked" label="我已阅读以上沟通案例和小技巧，并保证提问时遵守以上规范" />
 
 
 <script setup>
+import { ElMessage, ElMessageBox } from 'element-plus'
 import { ref } from 'vue'
 import QQ1 from '/QQ1.png'
 import QQ2 from '/QQ2.png'
 const checked = ref(false)
+
+function handleClick() {
+  if (!checked.value) {
+  ElMessageBox.alert('阅读以上沟通案例和小技巧，并保证提问时遵守相关规范后可以加群。以任何形式加入到群聊，即表示同意遵守相关规范，请知悉', '提示', {
+    confirmButtonText: '我知道了',
+  })
+  }
+}
 </script>