Browse Source

add:login tooltip

master
秋田弘 5 months ago
parent
commit
16603356da
  1. BIN
      frontend/src/assets/login/login.png
  2. 34
      frontend/src/components/desktop/LockDesktop.vue

BIN
frontend/src/assets/login/login.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.7 KiB

After

Width:  |  Height:  |  Size: 3.9 KiB

34
frontend/src/components/desktop/LockDesktop.vue

@ -47,19 +47,24 @@
<span>第三方登录</span> <span>第三方登录</span>
</div> </div>
<div class="third-party-login"> <div class="third-party-login">
<img <el-tooltip
v-for="platform in availablePlatforms" v-for="platform in availablePlatforms"
:key="platform.name" :key="platform.name"
:src="platform.icon" :content="platform.content"
:alt="platform.name" placement="top"
style=" >
width: 25px; <img
height: 25px; :src="platform.icon"
cursor: pointer; :alt="platform.name"
color: #409eff; style="
" width: 25px;
@click="onThirdPartyLogin(platform.name)" height: 25px;
/> cursor: pointer;
color: #409eff;
"
@click="onThirdPartyLogin(platform.name)"
/>
</el-tooltip>
</div> </div>
<div class="actions"> <div class="actions">
<a <a
@ -557,30 +562,37 @@
{ {
name: "qyweixin", name: "qyweixin",
icon: new URL("@/assets/login/qywechat.png", import.meta.url).href, icon: new URL("@/assets/login/qywechat.png", import.meta.url).href,
content: "企业微信",
}, },
{ {
name: "dingding", name: "dingding",
icon: new URL("@/assets/login/dingding.png", import.meta.url).href, icon: new URL("@/assets/login/dingding.png", import.meta.url).href,
content: "钉钉",
}, },
{ {
name: "phone", name: "phone",
icon: new URL("@/assets/login/phone.png", import.meta.url).href, icon: new URL("@/assets/login/phone.png", import.meta.url).href,
content: "手机号",
}, },
{ {
name: "github", name: "github",
icon: new URL("@/assets/login/github.png", import.meta.url).href, icon: new URL("@/assets/login/github.png", import.meta.url).href,
content: "Github",
}, },
{ {
name: "gitee", name: "gitee",
icon: new URL("@/assets/login/gitee.png", import.meta.url).href, icon: new URL("@/assets/login/gitee.png", import.meta.url).href,
content: "Gitee",
}, },
{ {
name: "email", name: "email",
icon: new URL("@/assets/login/email.png", import.meta.url).href, icon: new URL("@/assets/login/email.png", import.meta.url).href,
content: "邮箱",
}, },
{ {
name: "thirdparty", name: "thirdparty",
icon: new URL("@/assets/login/login.png", import.meta.url).href, icon: new URL("@/assets/login/login.png", import.meta.url).href,
content: "第三方服务登录",
}, },
]; ];

Loading…
Cancel
Save