From a1cf719d268a9d16db81ece94e75037c844f898f Mon Sep 17 00:00:00 2001
From: 疯狂的狮子li <15040126243@163.com>
Date: 星期二, 18 二月 2020 14:47:23 +0800
Subject: [PATCH] Merge branch 'master' of https://gitee.com/y_project/RuoYi-Vue
---
ruoyi-ui/src/views/login/components/SocialSignin.vue | 72 ++++++++++++++++++++++++++++++++++++
1 files changed, 72 insertions(+), 0 deletions(-)
diff --git a/ruoyi-ui/src/views/login/components/SocialSignin.vue b/ruoyi-ui/src/views/login/components/SocialSignin.vue
new file mode 100644
index 0000000..e9bf4f2
--- /dev/null
+++ b/ruoyi-ui/src/views/login/components/SocialSignin.vue
@@ -0,0 +1,72 @@
+<template>
+ <div class="social-signup-container">
+ <div class="sign-btn" @click="wechatHandleClick('wechat')">
+ <span class="wx-svg-container"><svg-icon icon-class="wechat" class="icon" /></span>
+ WeChat
+ </div>
+ <div class="sign-btn" @click="tencentHandleClick('tencent')">
+ <span class="qq-svg-container"><svg-icon icon-class="qq" class="icon" /></span>
+ QQ
+ </div>
+ </div>
+</template>
+
+<script>
+// import openWindow from '@/utils/open-window'
+
+export default {
+ name: 'SocialSignin',
+ methods: {
+ wechatHandleClick(thirdpart) {
+ alert('ok')
+ // this.$store.commit('SET_AUTH_TYPE', thirdpart)
+ // const appid = 'xxxxx'
+ // const redirect_uri = encodeURIComponent('xxx/redirect?redirect=' + window.location.origin + '/auth-redirect')
+ // const url = 'https://open.weixin.qq.com/connect/qrconnect?appid=' + appid + '&redirect_uri=' + redirect_uri + '&response_type=code&scope=snsapi_login#wechat_redirect'
+ // openWindow(url, thirdpart, 540, 540)
+ },
+ tencentHandleClick(thirdpart) {
+ alert('ok')
+ // this.$store.commit('SET_AUTH_TYPE', thirdpart)
+ // const client_id = 'xxxxx'
+ // const redirect_uri = encodeURIComponent('xxx/redirect?redirect=' + window.location.origin + '/auth-redirect')
+ // const url = 'https://graph.qq.com/oauth2.0/authorize?response_type=code&client_id=' + client_id + '&redirect_uri=' + redirect_uri
+ // openWindow(url, thirdpart, 540, 540)
+ }
+ }
+}
+</script>
+
+<style lang="scss" scoped>
+ .social-signup-container {
+ margin: 20px 0;
+ .sign-btn {
+ display: inline-block;
+ cursor: pointer;
+ }
+ .icon {
+ color: #fff;
+ font-size: 24px;
+ margin-top: 8px;
+ }
+ .wx-svg-container,
+ .qq-svg-container {
+ display: inline-block;
+ width: 40px;
+ height: 40px;
+ line-height: 40px;
+ text-align: center;
+ padding-top: 1px;
+ border-radius: 4px;
+ margin-bottom: 20px;
+ margin-right: 5px;
+ }
+ .wx-svg-container {
+ background-color: #24da70;
+ }
+ .qq-svg-container {
+ background-color: #6BA2D6;
+ margin-left: 50px;
+ }
+ }
+</style>
--
Gitblit v1.9.3