docs: ✏️ 更新组件库互助群二维码

Author: Moonofweisheng

README.md

@@ -1,5 +1,5 @@
 <p align="center">
-    <img alt="logo" src="https://wot-design-uni.pages.dev/wot-design.png" width="200">
+    <img alt="logo" src="https://wot-design-uni.cn/logo.png" width="200">
 </p>
 <h1 align="center">Wot Design Uni</h1>
 

docs/.vitepress/config.mts

@@ -71,7 +71,7 @@ export default defineConfig({
    `]
   ],
   themeConfig: {
-    logo: '/wot-design.png',
+    logo: '/logo.png',
     lastUpdated: {
       text: '最后更新'
     },

docs/component/watermark.md

@@ -17,7 +17,7 @@
 **注意：钉钉小程序平台仅支持网络图片。**
 
 ```html
-<wd-watermark image="https://wot-design-uni.cn/wot-design.png" :image-width="38" :image-height="38"></wd-watermark>
+<wd-watermark image="https://wot-design-uni.cn/logo.png" :image-width="38" :image-height="38"></wd-watermark>
 
 ```
 

docs/guide/common-problems.md

@@ -17,7 +17,7 @@
 ## 有没有技术交流群？
 
 有！
-可以加入[组件库互助 QQ 群](/guide/join-group.html)，分享心得、交流体会。
+可以加入[Wot UI 互助群](/guide/join-group.html)，分享心得、交流体会。
 
 ## Sass抛出大量错误和警告？
 `Dart Sass 3.0.0` 废弃了一批API，而组件库目前还未兼容，因此请确保你的`sass`版本为`1.78.0`及之前的版本。可以通过以下命令安装指定版本：

docs/guide/join-group.md

@@ -22,11 +22,25 @@
 
 我在使用`Button`组件的`custom-class`属性来自定义样式时遇到了自定义样式不生效的问题，我阅读了官方文档和常见问题，但仍然无法解决，我将我的最小复现 demo 整理到复现仓库了，请问能否帮助排查问题？
 
-## QQ 群
+## 互助社群
 
-目前 1、2 群已满，请加 3 群。
+我们提供了 微信公众号、微信群 和 QQ 群，欢迎加入，一起交流学习。
+
+## 微信公众号
+
+欢迎关注公众号【阿鱼聊前端】，我是不如摸鱼去，将会在此公众号分享前端、uni-app与wot-ui组件库相关知识与经验。
+
+微信群可以通过公众号添加【摸鱼小助手】的微信，备注【加群】即可加入。
 
 <div style="display: flex;gap:24px;">
+  <img style="min-width: 250px;max-width:400px; height: auto;" :src="wechatPublicAccount" />
+</div>
+
+### QQ 群
+
+目前 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)'}" />
   <img style="width: 250px; height: auto;" :src="QQ2" @click="handleClick" :style="{filter: checked ? 'none' : 'blur(5px)'}" />
   <img style="width: 250px; height: auto;" :src="QQ3" @click="handleClick" :style="{filter: checked ? 'none' : 'blur(5px)'}" />
@@ -40,7 +54,7 @@
 5. 学习[提问的智慧](https://lug.ustc.edu.cn/wiki/doc/smart-questions/)，如何快速提出正确的问题。
 6. 交流群主要是提供一个互助交流的平台，请友好交流，不做伸手党，感谢支持。
 
-<el-checkbox  v-model="checked" label="我已阅读以上沟通案例和小技巧，并保证提问时遵守以上规范" />
+<el-checkbox  v-model="checked" label="我已阅读，并保证提问时遵守以上规范" />
 
 
 <script setup>
@@ -49,12 +63,14 @@ import { ref } from 'vue'
 import QQ1 from '/QQ1.jpg'
 import QQ2 from '/QQ2.jpg'
 import QQ3 from '/QQ3.jpg'
+import wechatPublicAccount from '/wechatPublicAccount.png'
+
 
 const checked = ref(false)
 
 function handleClick() {
   if (!checked.value) {
-  ElMessageBox.alert('阅读以上沟通案例和小技巧，并保证提问时遵守相关规范后可以加群。以任何形式加入到群聊，即表示同意遵守相关规范，请知悉', '提示', {
+  ElMessageBox.alert('请阅读以上沟通案例和小技巧并在下方勾选我已阅读，保证提问时遵守相关规范后可以加群。以任何形式加入到群聊，即表示同意遵守相关规范，请知悉', '提示', {
     confirmButtonText: '我知道了',
   })
   }

docs/index.md

@@ -9,7 +9,7 @@ hero:
   text: 高颜值、轻量化的uni-app组件库
   tagline: 基于Vue3+TS开发，提供70+高质量组件，支持暗黑模式、国际化和自定义主题。
   image:
-    src: /wot-design.png
+    src: /logo.png
     alt: Wot Design
   actions:
     - theme: brand

docs/public/wot-design.png docs/public/logo.pngdocs/public/wot-design.png renamed to docs/public/logo.png

@@ -18,7 +18,7 @@
       <demo-block title="局部水印">
         <wd-watermark
           :opacity="0.8"
-          image="https://wot-design-uni.cn/wot-design.png"
+          image="https://wot-design-uni.cn/logo.png"
           :image-width="38"
           :image-height="38"
           :full-screen="false"
@@ -74,7 +74,7 @@ import { computed, ref } from 'vue'
 const showImage = ref(false) // 是否展示图片
 
 const image = computed(() => {
-  return showImage.value ? 'https://wot-design-uni.cn/wot-design.png' : ''
+  return showImage.value ? 'https://wot-design-uni.cn/logo.png' : ''
 })
 
 function doSetImage(show: boolean) {

docs/public/wechatPublicAccount.png

@@ -1,5 +1,5 @@
 <p align="center">
-    <img alt="logo" src="https://wot-design-uni.pages.dev/wot-design.png" width="200">
+    <img alt="logo" src="https://wot-design-uni.cn/logo.png" width="200">
 </p>
 <h1 align="center">Wot Design Uni</h1>