docs: ✏️ 添加 WotUI 加群凭证相关介绍

docs/en-US/guide/join-group.md

@@ -24,11 +24,19 @@ I encountered an issue where custom styles don't take effect when using the `But
 
 We provide WeChat Official Account, WeChat Groups, and QQ Groups. Welcome to join and exchange learning experiences.
 
-## WeChat Official Account
+### Group Joining Credentials
+
+To improve communication efficiency after joining the group, we have added a qualification test before joining the group. There are two testing methods:  
+1. Take the [WotUI Common Issues Knowledge Test](https://wj.qq.com/s2/22106509/3c37/) and score above 80 points to qualify for joining the group. Just between us, all the answers come from the [Common Problems](./common-problems) (Highly recommended).
+2. Donate 5 yuan or more to get [listed](../reward/donor) and qualify for joining the group. When donating, please note "join group" or include "join group" in your message (沙某 may not understand technology, but 沙某 respect it).
+
+After obtaining joining qualifications through either of these two methods, you can join the group through the following ways. When joining, please provide your qualification credentials: survey answer account ID or donation account.
+
+### WeChat Official Account
 
 Welcome to follow the official account 【阿鱼聊前端】(Fish Talks Frontend). I'm 不如摸鱼去 (Rather Go Fish), and I will share knowledge and experience about frontend, uni-app, and wot-ui component library on this official account.
 
-You can join the WeChat group by adding 【摸鱼小助手】(Fish Assistant) on WeChat through the official account, note "Join Group".
+You can join the WeChat group by adding 【摸鱼小助手】(Fish Assistant) on WeChat through the official account, note the group joining credentials obtained from the [Group Joining Credentials](#group-joining-credentials) section.
 
 <div style="display: flex;gap:24px;">
   <img style="min-width: 250px;max-width:400px; height: auto;" :src="wechatPublicAccount" />
@@ -36,7 +44,7 @@ You can join the WeChat group by adding 【摸鱼小助手】(Fish Assistant) on
 
 ### QQ Groups
 
-Currently, Groups 1 and 2 are full, please join Group 3.
+Currently, Groups 1 and 2 are full, please join Group 3. When joining, note the group joining credentials obtained from the [Group Joining Credentials](#group-joining-credentials) section.
 
 <div style="display: flex;gap:24px;flex-wrap: wrap;">
   <img style="width: 250px; height: auto;" :src="QQ1" @click="handleClick" :style="{filter: checked ? 'none' : 'blur(5px)'}" />
@@ -66,7 +74,7 @@ const checked = ref(false)
 
 function handleClick() {
   if (!checked.value) {
-  ElMessageBox.alert('Please read the communication examples and tips above and check "I have read" below, promising to follow the relevant guidelines when asking questions. By joining the group chat in any form, you agree to comply with the relevant guidelines, please be aware', 'Tip', {
+  ElMessageBox.alert('Please read the communication examples and tips above and check "I have read" below. Before joining the group, please obtain group joining credentials through the qualification test. By joining the group chat in any form, you agree to comply with the relevant guidelines, please be aware', 'Tip', {
     confirmButtonText: 'I understand',
   })
   }

docs/guide/join-group.md

@@ -26,11 +26,19 @@
 
 我们提供了 微信公众号、微信群 和 QQ 群，欢迎加入，一起交流学习。
 
-## 微信公众号
+### 加群凭证
+
+为了提升加群后沟通的效率，我们添加了加群前的资格测验，有两种测验方式：  
+1. 通过[WotUI 常见问题知识测验](https://wj.qq.com/s2/22106509/3c37/)考试，拿到80分以上即可获得加群资格，悄悄告诉你，答案都来自[常见问题](./common-problems)（强烈推荐此方式）。
+2. 打赏5元以上获得[上榜](../reward/donor)和加群资格，打赏时请备注加群或者留言中包含加群（沙某不懂技术，但沙某尊重技术）。
+
+通过以上2种测验方式获得加群资格后可以通过接下来的方式加群，加群时请提供资格凭证：问卷答题账号ID或者打赏账号。
+
+### 微信公众号
 
 欢迎关注公众号【阿鱼聊前端】，我是不如摸鱼去，将会在此公众号分享前端、uni-app与wot-ui组件库相关知识与经验。
 
-微信群可以通过公众号添加【摸鱼小助手】的微信，备注【加群】即可加入。
+微信群可以通过公众号添加【摸鱼小助手】的微信，备注[加群凭证](#加群凭证)章节获得的加群凭证即可。
 
 <div style="display: flex;gap:24px;">
   <img style="min-width: 250px;max-width:400px; height: auto;" :src="wechatPublicAccount" />
@@ -38,7 +46,7 @@
 
 ### QQ 群
 
-目前 1、2 群已满，请加 3 群。
+目前 1、2 群已满，请加 3 群，加群时备注[加群凭证](#加群凭证)章节获得的加群凭证即可。
 
 <div style="display: flex;gap:24px;flex-wrap: wrap;">
   <img style="width: 250px; height: auto;" :src="QQ1" @click="handleClick" :style="{filter: checked ? 'none' : 'blur(5px)'}" />
@@ -70,7 +78,7 @@ const checked = ref(false)
 
 function handleClick() {
   if (!checked.value) {
-  ElMessageBox.alert('请阅读以上沟通案例和小技巧并在下方勾选我已阅读，保证提问时遵守相关规范后可以加群。以任何形式加入到群聊，即表示同意遵守相关规范，请知悉', '提示', {
+  ElMessageBox.alert('请阅读以上沟通案例和小技巧并在下方勾选我已阅读，加群前请通过加群资格测验获得加群凭证，保证提问时遵守相关规范后可以加群。以任何形式加入到群聊，即表示同意遵守相关规范，请知悉', '提示', {
     confirmButtonText: '我知道了',
   })
   }