fix 修复 固定页面header穿模问题

疯狂的狮子Li

2023-07-24 f801f4fb11ff8ca08417a9ddf0231fb570fa26e3

 src/views/system/user/profile/thirdParty.vue

@@ -20,32 +20,29 @@
    <div id="git-user-binding">
      <h4 class="provider-desc">你可以绑定以下第三方帐号</h4>
      <div id="authlist" class="user-bind">
        <a class="third-app" href="#" @click="authUrl('gitee');" title="使用 Gitee 账号授权登录">
          <div class="git-other-login-icon">
            <svg-icon icon-class="gitee" />
          </div>
          <span class="app-name">Gitee</span>
        </a>

        <a class="third-app" href="#" @click="authUrl('github');" title="使用 GitHub 账号授权登录">
          <div class="git-other-login-icon">
            <svg-icon icon-class="github" />
          </div>
          <span class="app-name">Github</span>
        </a>

        <a class="third-app" href="#" @click="authUrl('wechar');" title="使用 微信 账号授权登录">
          <div class="git-other-login-icon">
            <svg-icon icon-class="wechat" />
          </div>
          <span class="app-name">WeiXin</span>
        </a>

        <a class="third-app" href="#" @click="authUrl('qq');" title="使用 QQ 账号授权登录">
        <a class="third-app" href="#" @click="authUrl('maxkey');" title="使用 MaxKey 账号授权登录">
          <div class="git-other-login-icon">
            <svg-icon icon-class="qq" />
            <svg-icon icon-class="maxkey" />
          </div>
          <span class="app-name">QQ</span>
          <span class="app-name">MaxKey</span>
        </a>
        <a class="third-app" href="#" @click="authUrl('gitee');" title="使用 Gitee 账号授权登录">
          <div class="git-other-login-icon">
            <svg-icon icon-class="gitee" />
          </div>
          <span class="app-name">Gitee</span>
        </a>
        <a class="third-app" href="#" @click="authUrl('github');" title="使用 GitHub 账号授权登录">
          <div class="git-other-login-icon">
            <svg-icon icon-class="github" />
          </div>
          <span class="app-name">Github</span>
        </a>
      </div>
    </div>
@@ -55,6 +52,8 @@
<script lang="ts" setup>
import { authUnlock, authBinding } from "@/api/system/social/auth";
import { PropType } from "vue";

const { proxy } = getCurrentInstance() as ComponentInternalInstance;

const props = defineProps({
  auths: {
@@ -70,9 +69,10 @@
      return authUnlock(row.id);
    }).then((res: any) => {
      if (res.code === 200) {
        ElMessage.success("解绑成功");
        proxy?.$modal.msgSuccess("解绑成功");
        proxy?.$tab.refreshPage();
      } else {
        ElMessage.error(res.msg);
        proxy?.$modal.msgError(res.msg);
      }
    }).catch(() => { });
};
@@ -82,7 +82,7 @@
    if (res.code === 200) {
      window.location.href = res.data;
    } else {
      ElMessage.error(res.msg);
      proxy?.$modal.msgError(res.msg);
    }
  });
};