richard/mp-pilates
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 优化主题配色

Browse Source
This commit is contained in:
richarjiang
2026-04-05 21:35:30 +08:00
parent 4633ceea8c
commit c0e0d31ae7
25 changed files with 423 additions and 252 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
packages/app/src/pages/booking/index.vue
View File

@@ -281,7 +281,7 @@ onMounted(async () => {
<style lang="scss" scoped>
.booking-page {
height: 100vh;
background: #f7f4f0;
background: $primary-bg;
display: flex;
flex-direction: column;
overflow: hidden;
@@ -366,7 +366,7 @@ onMounted(async () => {
width: 80rpx;
height: 72rpx;
border-radius: 12rpx;
background: linear-gradient(90deg, #f0ece8 25%, #e8e4df 50%, #f0ece8 75%);
background: linear-gradient(90deg, $primary-border 25%, $primary-light 50%, $primary-border 75%);
background-size: 400% 100%;
animation: shimmer 1.4s infinite;
flex-shrink: 0;
@@ -383,7 +383,7 @@ onMounted(async () => {
width: 60%;
height: 28rpx;
border-radius: 8rpx;
background: linear-gradient(90deg, #f0ece8 25%, #e8e4df 50%, #f0ece8 75%);
background: linear-gradient(90deg, $primary-border 25%, $primary-light 50%, $primary-border 75%);
background-size: 400% 100%;
animation: shimmer 1.4s infinite;
}
@@ -392,7 +392,7 @@ onMounted(async () => {
width: 40%;
height: 20rpx;
border-radius: 6rpx;
background: linear-gradient(90deg, #f0ece8 25%, #e8e4df 50%, #f0ece8 75%);
background: linear-gradient(90deg, $primary-border 25%, $primary-light 50%, $primary-border 75%);
background-size: 400% 100%;
animation: shimmer 1.4s infinite;
}
@@ -401,17 +401,12 @@ onMounted(async () => {
width: 140rpx;
height: 72rpx;
border-radius: 36rpx;
background: linear-gradient(90deg, #f0ece8 25%, #e8e4df 50%, #f0ece8 75%);
background: linear-gradient(90deg, $primary-border 25%, $primary-light 50%, $primary-border 75%);
background-size: 400% 100%;
animation: shimmer 1.4s infinite;
flex-shrink: 0;
}
@keyframes shimmer {
0% { background-position: 100% 0; }
100% { background-position: -100% 0; }
}
/* ── Empty state ───────────────────────────────────── */
.empty-wrap {
display: flex;
@@ -426,7 +421,7 @@ onMounted(async () => {
width: 140rpx;
height: 140rpx;
border-radius: 50%;
background: #f0ece8;
background: $primary-border;
display: flex;
align-items: center;
justify-content: center;