xwl2023/Yi.Framework
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 全面优化ai-hub前端细节

Browse Source
This commit is contained in:
ccnetcore
2025-08-31 01:37:36 +08:00
parent 8abd122773
commit d29aac088a
10 changed files with 27 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
Yi.Ai.Vue3/src/components/LoginDialog/components/QrCodeLogin/index.vue
View File

@@ -290,14 +290,14 @@ onMounted(() => {
</div>
<div v-if="QrCodeType === WECHAT_QRCODE_TYPE.LoginOrRegister" class="tip-old-user">
提示：<br>
意社区老用户可返回登录<br>
登录后前往个人中心绑定微信
<p>提示：</p>
<p>意社区老用户可用原方式登录</p>
<p>登录后前往个人中心绑定微信</p>
</div>
<div v-if="QrCodeType === WECHAT_QRCODE_TYPE.Bind" class="tip-old-user-bind">
提示：<br>
若该微信已注册意社区<br>
将直接解绑到该账号
若扫码的微信已注册过意社区账号<br>
将直接解绑到当前登录账号
</div>
</div>
</template>
@@ -306,56 +306,17 @@ onMounted(() => {
.tip-old-user{
line-height: 1.5;
margin: 5px 0;
padding: 6px 12px;
color: #F56C6C;
position: relative;
color: #FF4D4F;
display: flex;
align-items: center;
min-height: 4rem;
border-radius: var(--r);
border: none;
background: rgba(#fff, 0.1);
backdrop-filter: blur(2px);
text-shadow: 0.25em 0.25em 1px #00000010;
--shadow-color: 0deg 0% 64%;
--shadow-elevation-high: 0.5px 1px 1.1px hsl(var(--shadow-color) / 0.28), 1.4px 3.1px 3.4px -0.4px hsl(var(--shadow-color) / 0.27), 2.5px 5.3px 5.9px -0.7px hsl(var(--shadow-color) / 0.25), 3.9px 8.4px 9.3px -1.1px hsl(var(--shadow-color) / 0.24), 6px 12.9px 14.3px -1.5px hsl(var(--shadow-color) / 0.23), 9px 19.5px 21.6px -1.8px hsl(var(--shadow-color) / 0.21), 13.4px 28.9px 32px -2.2px hsl(var(--shadow-color) / 0.2), 19.3px 41.7px 46.2px -2.6px hsl(var(--shadow-color) / 0.19), 27.1px 58.5px 64.8px -2.9px hsl(var(--shadow-color) / 0.17), 37.1px 80px 88.6px -3.3px hsl(var(--shadow-color) / 0.16);
--inner-light: inset 0 -6px 2px -5px #ffffff24, inset 0 -8px 3px -5px #ffffff3b, inset 0 -20px 10px -15px #ffffff5c, inset 7px 25px 10px -20px #ffffff5c;
--inner-shadow: inset -20px 5px 10px -20px #00000021, inset -40px 50px 7px -55px #00000021;
--external-light: 5px -30px 30px -20px #ffffff70, 5px 10px 30px -20px #ffffff70;
--default: var(--external-light), var(--shadow-elevation-high), var(--inner-light), var(--inner-shadow);
box-shadow: var(--default);
background-position: center;
animation: gradient 10s linear infinite;
//background: linear-gradient(45deg, #85d5e757, #7a9ed254, #ba6ac93d, #de54c217, #f86b2d4f);
//background: #00DB73;
flex-direction: column;
text-align: center;
}
.tip-old-user-bind{
line-height: 1.5;
margin: 5px 0;
padding: 6px 12px;
color: #ffffff;
position: relative;
color: #FF4D4F;
display: flex;
align-items: center;
min-height: 4rem;
border-radius: var(--r);
border: none;
background: rgba(#fff, 0.1);
backdrop-filter: blur(2px);
text-shadow: 0.25em 0.25em 1px #00000010;
--shadow-color: 0deg 0% 64%;
--shadow-elevation-high: 0.5px 1px 1.1px hsl(var(--shadow-color) / 0.28), 1.4px 3.1px 3.4px -0.4px hsl(var(--shadow-color) / 0.27), 2.5px 5.3px 5.9px -0.7px hsl(var(--shadow-color) / 0.25), 3.9px 8.4px 9.3px -1.1px hsl(var(--shadow-color) / 0.24), 6px 12.9px 14.3px -1.5px hsl(var(--shadow-color) / 0.23), 9px 19.5px 21.6px -1.8px hsl(var(--shadow-color) / 0.21), 13.4px 28.9px 32px -2.2px hsl(var(--shadow-color) / 0.2), 19.3px 41.7px 46.2px -2.6px hsl(var(--shadow-color) / 0.19), 27.1px 58.5px 64.8px -2.9px hsl(var(--shadow-color) / 0.17), 37.1px 80px 88.6px -3.3px hsl(var(--shadow-color) / 0.16);
--inner-light: inset 0 -6px 2px -5px #ffffff24, inset 0 -8px 3px -5px #ffffff3b, inset 0 -20px 10px -15px #ffffff5c, inset 7px 25px 10px -20px #ffffff5c;
--inner-shadow: inset -20px 5px 10px -20px #00000021, inset -40px 50px 7px -55px #00000021;
--external-light: 5px -30px 30px -20px #ffffff70, 5px 10px 30px -20px #ffffff70;
--default: var(--external-light), var(--shadow-elevation-high), var(--inner-light), var(--inner-shadow);
box-shadow: var(--default);
background-position: center;
animation: gradient 10s linear infinite;
background: linear-gradient(45deg, #85d5e757, #7a9ed254, #ba6ac93d, #de54c217, #f86b2d4f);
background: #ff0000;
}
.qr-wrapper {
display: flex;
@@ -366,6 +327,7 @@ onMounted(() => {
font-size: 16px;
font-weight: 500;
color: #303133;
margin-bottom: 10px;
}
.qr-img-wrapper {
position: relative;

2
Yi.Ai.Vue3/src/components/WelecomeText/index.vue
View File

@@ -7,7 +7,7 @@ import { useUserStore } from '@/stores';
const greeting = useTimeGreeting();
const userStore = useUserStore();
const username = computed(() => userStore.userInfo?.username ?? '意心Ai，一心只为打造更良心的AI平台');
const username = computed(() => userStore.userInfo?.username ?? '意心Ai，一心只为打造更良心的Ai平台');
</script>
<template>

4
Yi.Ai.Vue3/src/components/userPersonalCenter/components/UserManagement.vue
View File

@@ -71,10 +71,10 @@ function maskEmail(email: string) {
return `${name.substring(0, 2)}****@${domain}`;
}
function maskPhone(phone: string) {
function maskPhone(phone: number) {
if (!phone)
return '';
return phone.replace(/(\d{3})\d{4}(\d{4})/, '$1****$2');
return phone.toString().replace(/(\d{3})\d{4}(\d{4})/, '$1****$2');
}
// 操作处理