| | |
|---|
| | | {userInfo ? ( |
|---|
| | | // 用户信息显示 |
|---|
| | | <div className="relative"> |
|---|
| | | <div className="relative overflow-hidden flex items-center justify-center px-4 lg:px-7 py-2 rounded-full bg-[#131C41]/60"> |
|---|
| | | <div className="relative overflow-hidden flex items-center justify-center px-4 lg:px-7 py-2"> |
|---|
| | | <span className="relative z-10 bg-gradient-to-r from-[#6ADBFF] via-[#FF6A88] to-[#F5A800] bg-clip-text text-transparent font-medium"> |
|---|
| | | {isLoading ? '加载中...' : userInfo.nickname} |
|---|
| | | </span> |
|---|
| | | |
|---|
| | | {/* 静态装饰效果 */} |
|---|
| | | <div className="absolute inset-0 overflow-hidden rounded-full"> |
|---|
| | | {/* 背景渐变 */} |
|---|
| | | <div className="absolute inset-0 opacity-20 bg-gradient-to-r from-[#6ADBFF]/20 via-[#FF6A88]/20 to-[#F5A800]/20"></div> |
|---|
| | | |
|---|
| | | {/* 柔和的光晕效果 */} |
|---|
| | | <div className="absolute inset-0 bg-gradient-to-r from-[#6ADBFF]/5 via-[#FF6A88]/5 to-[#F5A800]/5 blur-sm"></div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | {error && ( |
|---|
| | | <div className="absolute top-full mt-2 left-0 right-0 px-4 py-2 bg-red-500/90 text-white text-sm rounded-md"> |
|---|
