feat: 修复登录逻辑
This commit is contained in:
@@ -218,56 +218,74 @@ page {
|
||||
margin-left: 12rpx;
|
||||
}
|
||||
|
||||
.badges-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 20rpx;
|
||||
}
|
||||
|
||||
.badge-item {
|
||||
background: #fff;
|
||||
border-radius: 24rpx;
|
||||
padding: 32rpx 16rpx;
|
||||
.badge-wall-entry {
|
||||
margin: 10rpx 0 40rpx;
|
||||
background: linear-gradient(120deg, #1976D2, #64B5F6);
|
||||
border-radius: 32rpx;
|
||||
padding: 32rpx 40rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
box-shadow: 0 4rpx 16rpx rgba(0,0,0,0.02);
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 16rpx 32rpx rgba(25, 118, 210, 0.25);
|
||||
}
|
||||
|
||||
.badge-item.locked {
|
||||
background: #F8F9FA;
|
||||
border: 2rpx dashed #E5E7EB;
|
||||
box-shadow: none;
|
||||
.entry-bg-bloom {
|
||||
position: absolute;
|
||||
right: -40rpx;
|
||||
top: -60rpx;
|
||||
width: 240rpx;
|
||||
height: 240rpx;
|
||||
background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 70%);
|
||||
border-radius: 50%;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.badge-icon-circle {
|
||||
width: 88rpx;
|
||||
height: 88rpx;
|
||||
border-radius: 30rpx;
|
||||
.wall-entry-left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 24rpx;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.entry-icon-box {
|
||||
width: 96rpx;
|
||||
height: 96rpx;
|
||||
background: rgba(255,255,255,0.2);
|
||||
border-radius: 24rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-bottom: 20rpx;
|
||||
border: 2rpx solid rgba(255,255,255,0.1);
|
||||
}
|
||||
|
||||
.badge-name {
|
||||
font-size: 26rpx;
|
||||
.wall-entry-text {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 6rpx;
|
||||
}
|
||||
|
||||
.entry-title {
|
||||
color: white;
|
||||
font-size: 32rpx;
|
||||
font-weight: 700;
|
||||
color: #374151;
|
||||
margin-bottom: 6rpx;
|
||||
}
|
||||
|
||||
.badge-desc {
|
||||
font-size: 20rpx;
|
||||
color: #9CA3AF;
|
||||
.entry-desc {
|
||||
color: rgba(255,255,255,0.8);
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.badge-progress {
|
||||
margin-top: 12rpx;
|
||||
font-size: 20rpx;
|
||||
background: #F3F4F6;
|
||||
padding: 4rpx 12rpx;
|
||||
border-radius: 12rpx;
|
||||
color: #6B7280;
|
||||
.wall-entry-right {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8rpx;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.entry-action {
|
||||
color: rgba(255,255,255,0.9);
|
||||
font-size: 26rpx;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user