yison/limo-platform
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

save

Browse source
This commit is contained in:
yison 2025-07-11 18:28:43 +08:00
parent dc24d5b6ed
commit cd11b355bb
25 changed files with 3632 additions and 186 deletions
Download patch file Download diff file Expand all files Collapse all files

137
client/src/pages/index/index.scss
View file

@ -1,3 +1,22 @@
// 全局动画
@keyframes pulse {
0%, 100% {
opacity: 0.8;
}
50% {
opacity: 0.4;
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.limo-mobile {
min-height: 100vh;
background: #ffffff;
@ -237,6 +256,12 @@
flex: 1;
color: #6B7280;
font-size: 24rpx;
&.location-loading {
color: #9CA3AF;
opacity: 0.8;
animation: pulse 1.5s infinite;
}
}
.location-switch {
@ -247,6 +272,69 @@
}
}
// 位置状态提示页面
.location-status-section {
padding: 120rpx 32rpx;
min-height: 600rpx;
display: flex;
align-items: center;
justify-content: center;
.status-container {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 32rpx;
.loading-spinner {
width: 80rpx;
height: 80rpx;
border: 6rpx solid #f3f3f3;
border-top: 6rpx solid #05C7C7;
border-radius: 50%;
animation: spin 1s linear infinite;
}
.status-icon {
font-size: 80rpx;
opacity: 0.5;
}
.status-title {
font-size: 32rpx;
font-weight: 600;
color: #374151;
}
.status-subtitle {
font-size: 24rpx;
color: #6B7280;
line-height: 1.5;
max-width: 400rpx;
}
.retry-button {
background: linear-gradient(135deg, #05C7C7 0%, #04B5B5 100%);
color: #ffffff;
padding: 24rpx 48rpx;
border-radius: 32rpx;
margin-top: 24rpx;
box-shadow: 0 8rpx 24rpx rgba(5, 199, 199, 0.2);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
&:active {
transform: scale(0.95);
}
.retry-text {
font-size: 28rpx;
font-weight: 600;
}
}
}
}
// Venue Cards with premium styling
.venue-section {
padding: 0 32rpx;
@ -255,7 +343,7 @@
// Timeline
.timeline-container {
position: absolute;
left: 80rpx;
left: 60rpx;
top: 0;
bottom: 0;
width: 2rpx;
@ -265,7 +353,7 @@
top: 0;
bottom: 0;
width: 2rpx;
background: linear-gradient(180deg, rgba(5, 199, 199, 0.3) 0%, #E5E7EB 30%, #E5E7EB 100%);
background: linear-gradient(180deg, rgba(5, 199, 199, 0.3) 0%, #E5E7EB 30%, #E5E7EB 80%, rgba(229, 231, 235, 0) 100%);
}
}
@ -275,7 +363,7 @@
.timeline-dot {
position: absolute;
left: 38rpx;
left: 18rpx;
top: 10rpx;
width: 24rpx;
height: 24rpx;
@ -292,7 +380,7 @@
}
.venue-meta {
margin-left: 96rpx;
margin-left: 76rpx;
margin-bottom: 24rpx;
display: flex;
align-items: center;
@ -328,7 +416,7 @@
}
.venue-content {
margin-left: 96rpx;
margin-left: 76rpx;
background: linear-gradient(135deg, #ffffff 0%, rgba(248, 250, 252, 0.5) 100%);
border-radius: 48rpx;
overflow: hidden;
@ -962,7 +1050,7 @@
.stats-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-columns: repeat(2, 1fr);
gap: 24rpx;
.stat-card {
@ -971,6 +1059,14 @@
padding: 24rpx;
text-align: center;
border: 2rpx solid #F3F4F6;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
cursor: pointer;
&:active {
background: #F9FAFB;
transform: scale(0.98);
border-color: #05C7C7;
}
.stat-number {
font-size: 48rpx;
@ -1150,17 +1246,24 @@
}
}
.activity-points {
font-size: 20rpx;
color: #05C7C7;
font-weight: 600;
background: #F0FDFD;
padding: 6rpx 12rpx;
border-radius: 12rpx;
border: 1rpx solid #CCFBF1;
white-space: nowrap;
margin-top: 2rpx;
}
}
}
.activity-more-link {
margin-top: 24rpx;
text-align: center;
padding: 16rpx;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
&:active {
transform: scale(0.98);
}
.more-link-text {
font-size: 26rpx;
color: #05C7C7;
font-weight: 500;
}
}
}