update 优化 三方按钮 可能无法点击到的问题

src/views/login.vue

@@ -28,17 +28,17 @@
       </el-form-item>
       <el-checkbox v-model="loginForm.rememberMe" style="margin:0px 0px 25px 0px;">记住密码</el-checkbox>
       <el-form-item style="float: right;">
-        <el-button circle title="微信登录">
-          <svg-icon icon-class="wechat" @click="doSocialLogin('wechat')" />
+        <el-button circle title="微信登录" @click="doSocialLogin('wechat')" >
+          <svg-icon icon-class="wechat" />
         </el-button>
-        <el-button circle title="MaxKey登录">
-          <svg-icon icon-class="maxkey" @click="doSocialLogin('maxkey')" />
+        <el-button circle title="MaxKey登录" @click="doSocialLogin('maxkey')" >
+          <svg-icon icon-class="maxkey" />
         </el-button>
-        <el-button circle title="Gitee登录">
-          <svg-icon icon-class="gitee" @click="doSocialLogin('gitee')" />
+        <el-button circle title="Gitee登录" @click="doSocialLogin('gitee')" >
+          <svg-icon icon-class="gitee" />
         </el-button>
-        <el-button circle title="Github登录">
-          <svg-icon icon-class="github" @click="doSocialLogin('github')" />
+        <el-button circle title="Github登录" @click="doSocialLogin('github')" >
+          <svg-icon icon-class="github" />
         </el-button>
       </el-form-item>
       <el-form-item style="width:100%;">