feat: 新增微信开放平台登录及绑定按钮

Author: Charles7c

src/assets/icons/wechat.svg

@@ -35,6 +35,9 @@
               <a class="item" title="使用 GitHub 账号登录" @click="onOauth('github')">
                 <GiSvgIcon name="github" :size="24" />
               </a>
+              <a class="item" title="使用微信账号登录" @click="onOauth('wechat_open')">
+                <GiSvgIcon name="wechat" :size="24" />
+              </a>
             </div>
           </div>
         </div>
@@ -84,6 +87,9 @@
         <a v-if="tenantStore.isTenantConfigured" class="item" title="使用 GitHub 账号登录" @click="onOauth('github')">
           <GiSvgIcon name="github" :size="24" />
         </a>
+        <a v-if="tenantStore.isTenantConfigured" class="item" title="使用微信账号登录" @click="onOauth('wechat_open')">
+          <GiSvgIcon name="wechat" :size="24" />
+        </a>
       </div>
     </div>
   </div>

src/views/login/index.vue

@@ -2,7 +2,7 @@
   <a-card title="第三方账号" bordered class="gradient-card">
     <div v-for="item in modeList" :key="item.title">
       <div class="item">
-        <div class="icon-wrapper"><GiSvgIcon :name="item.icon" :size="26" /></div>
+        <GiSvgIcon :name="item.icon" :size="38" />
         <div class="info">
           <div class="info-top">
             <span class="label">{{ item.title }}</span>
@@ -73,6 +73,14 @@ const initData = () => {
         jumpMode: 'link',
         status: socialList.value.includes('GITHUB'),
       },
+      {
+        title: '绑定微信',
+        icon: 'wechat',
+        subtitle: `${socialList.value.includes('WECHAT_OPEN') ? '' : '绑定后，'}可通过微信进行登录`,
+        type: 'wechat_open',
+        jumpMode: 'link',
+        status: socialList.value.includes('WECHAT_OPEN'),
+      },
     ]
   })
 }

src/views/user/profile/Social.vue

@@ -3,7 +3,7 @@ export interface ModeItem {
   icon: string
   subtitle: string
   value?: string
-  type: 'phone' | 'email' | 'gitee' | 'github'
+  type: 'phone' | 'email' | 'wechat_open' | 'gitee' | 'github'
   jumpMode?: 'link' | 'modal'
   status: boolean
   statusString: string