feat: 官方联系方式修改

src/pages-sub/official-community/index.vue

@@ -16,21 +16,32 @@ import VueQrcode from '@chenfengyuan/vue-qrcode'
 <template>
   <view class="official-community-page">
     <NavBar />
-    <view class="p-15 text-center bg-white rounded-10 m-15 shadow-[0_0_10px_rgba(0,0,0,0.1)]">
+    <view
-      <view class="text-16 font-bold text-#333">扫码进入</view>
+      class="relative px-15 text-center bg-white rounded-10 m-15 shadow-[0_0_10px_rgba(0,0,0,0.1)]"
-      <wd-icon name="arrow-down" color="#333" size="18px"></wd-icon>
+    >
-      <view class="btn-gradient rounded-full w-fit mx-auto text-16 text-white py-10 px-15">
+      <image
-        微聊总群：50101011
+        class="w-full mx-auto"
-      </view>
+        src="@/static/images/page-sub/official-community/image-1.jpg"
-      <VueQrcode class="!w-270 !h-270 mx-auto" :value="'qrcodeValue'" :options="{ size: 600 }" />
+        mode="widthFix"
+      />
+      <a
+        href="https://doudlj.org/joinchat/Jol7Vt58a2aCrjsXm9D_LA"
+        class="absolute bottom-15 left-50% -translate-x-1/2"
+      >
+        点击进入
+      </a>
     </view>
-    <view class="p-15 text-center bg-white rounded-10 m-15 shadow-[0_0_10px_rgba(0,0,0,0.1)]">
+    <view
-      <view class="text-16 font-bold text-#333">扫码进入</view>
+      class="relative px-15 text-center bg-white rounded-10 m-15 shadow-[0_0_10px_rgba(0,0,0,0.1)]"
-      <wd-icon name="arrow-down" color="#333" size="18px"></wd-icon>
+    >
-      <view class="btn-gradient rounded-full w-fit mx-auto text-16 text-white py-10 px-15">
+      <image
-        QQ群2群：1011101011
+        class="w-full mx-auto"
-      </view>
+        src="@/static/images/page-sub/official-community/image-2.jpg"
-      <VueQrcode class="!w-270 !h-270 mx-auto" :value="'qrcodeValue'" :options="{ size: 600 }" />
+        mode="widthFix"
+      />
+      <a href="https://doudlj.org/NiPing95" class="absolute bottom-15 left-50% -translate-x-1/2">
+        点击进入
+      </a>
     </view>
   </view>
 </template>