tmp
This commit is contained in:
+47
-38
@@ -9,12 +9,6 @@
|
||||
@accent: #1abc9c;
|
||||
@accent-end: #17c3a5;
|
||||
|
||||
@pending: #e6a23c;
|
||||
@confirmed: #409eff;
|
||||
@in-progress: #67c23a;
|
||||
@completed: #7c5cfc;
|
||||
@cancelled: #b0b0b0;
|
||||
|
||||
page {
|
||||
background-color: @bg;
|
||||
color: @dark;
|
||||
@@ -26,13 +20,16 @@ page {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background: @bg;
|
||||
padding: 24rpx 24rpx 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* === 顶部 === */
|
||||
/* === 顶部（home 同款翡翠绿圆角卡片） === */
|
||||
.header {
|
||||
background: linear-gradient(135deg, #2dd36f 0%, #17c3a5 100%);
|
||||
box-shadow: 0 8rpx 24rpx rgba(23, 195, 165, 0.25);
|
||||
padding: 60rpx 40rpx 70rpx;
|
||||
background: linear-gradient(135deg, #29b785 0%, #1a8a63 100%);
|
||||
border-radius: 28rpx;
|
||||
box-shadow: 0 12rpx 32rpx rgba(26, 138, 99, 0.25);
|
||||
padding: 36rpx 32rpx;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
@@ -69,7 +66,7 @@ page {
|
||||
|
||||
.header-title {
|
||||
display: block;
|
||||
font-size: 44rpx;
|
||||
font-size: 36rpx;
|
||||
font-weight: 700;
|
||||
color: #fff;
|
||||
letter-spacing: 2rpx;
|
||||
@@ -78,8 +75,8 @@ page {
|
||||
|
||||
.header-sub {
|
||||
display: block;
|
||||
font-size: 26rpx;
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
font-size: 22rpx;
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
font-weight: 300;
|
||||
letter-spacing: 1rpx;
|
||||
}
|
||||
@@ -98,9 +95,7 @@ page {
|
||||
|
||||
/* === 筛选栏 === */
|
||||
.filter-bar {
|
||||
background: @card;
|
||||
padding: 20rpx 0;
|
||||
border-bottom: 1rpx solid @border;
|
||||
padding: 24rpx 0 0;
|
||||
}
|
||||
|
||||
.filter-scroll {
|
||||
@@ -117,11 +112,12 @@ page {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
padding: 12rpx 28rpx;
|
||||
background: @bg;
|
||||
background: #ffffff;
|
||||
border-radius: 28rpx;
|
||||
font-size: 24rpx;
|
||||
color: @muted;
|
||||
border: 1rpx solid transparent;
|
||||
border: 1rpx solid rgba(31, 61, 56, 0.06);
|
||||
box-shadow: 0 4rpx 12rpx rgba(31, 61, 56, 0.05);
|
||||
transition: all 0.25s;
|
||||
|
||||
&.active {
|
||||
@@ -160,17 +156,27 @@ page {
|
||||
|
||||
.list-scroll {
|
||||
height: 100%;
|
||||
padding: 0 24rpx;
|
||||
}
|
||||
|
||||
.loading-box,
|
||||
.empty-box {
|
||||
.loading-box {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 200rpx 40rpx;
|
||||
}
|
||||
|
||||
.empty-box {
|
||||
margin-top: 24rpx;
|
||||
background: @card;
|
||||
border-radius: 24rpx;
|
||||
border: 1rpx solid rgba(31, 61, 56, 0.06);
|
||||
box-shadow: 0 6rpx 20rpx rgba(31, 61, 56, 0.07);
|
||||
padding: 64rpx 40rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.loading-text {
|
||||
color: @muted !important;
|
||||
font-size: 26rpx !important;
|
||||
@@ -200,11 +206,14 @@ page {
|
||||
margin-bottom: 20rpx;
|
||||
background: @card;
|
||||
border-radius: 24rpx;
|
||||
box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.04);
|
||||
overflow: hidden;
|
||||
border: 1rpx solid rgba(31, 61, 56, 0.06);
|
||||
box-shadow: 0 6rpx 20rpx rgba(31, 61, 56, 0.07);
|
||||
padding: 24rpx 32rpx;
|
||||
transition: transform 0.3s cubic-bezier(0.32, 0.72, 0, 1), box-shadow 0.3s cubic-bezier(0.32, 0.72, 0, 1);
|
||||
|
||||
&:active {
|
||||
opacity: 0.92;
|
||||
transform: scale(0.98);
|
||||
box-shadow: 0 4rpx 12rpx rgba(31, 61, 56, 0.08);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -212,7 +221,7 @@ page {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
padding: 20rpx 28rpx 0;
|
||||
margin-bottom: 12rpx;
|
||||
}
|
||||
|
||||
.order-no {
|
||||
@@ -225,38 +234,38 @@ page {
|
||||
.status-badge {
|
||||
font-size: 22rpx;
|
||||
padding: 6rpx 20rpx;
|
||||
border-radius: 24rpx;
|
||||
border-radius: 30rpx;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.status-pending {
|
||||
background: #fff8e6;
|
||||
color: @pending;
|
||||
background: #fdf3e0;
|
||||
color: #d99a2b;
|
||||
}
|
||||
|
||||
.status-confirmed {
|
||||
background: #ecf5ff;
|
||||
color: @confirmed;
|
||||
background: #e9f1f8;
|
||||
color: #5c88a8;
|
||||
}
|
||||
|
||||
.status-in_progress {
|
||||
background: #f0f9eb;
|
||||
color: @in-progress;
|
||||
background: #e6f4ee;
|
||||
color: #43a08a;
|
||||
}
|
||||
|
||||
.status-completed {
|
||||
background: #f4f0ff;
|
||||
color: @completed;
|
||||
background: #efedf6;
|
||||
color: #8a7bb5;
|
||||
}
|
||||
|
||||
.status-cancelled {
|
||||
background: #f5f5f5;
|
||||
color: @cancelled;
|
||||
color: #b0b0b0;
|
||||
}
|
||||
|
||||
/* === 卡片主体 === */
|
||||
.card-main {
|
||||
padding: 0 28rpx;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.patient-line {
|
||||
@@ -357,8 +366,8 @@ page {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 20rpx 28rpx 24rpx;
|
||||
margin-top: 8rpx;
|
||||
padding: 20rpx 0 4rpx;
|
||||
margin-top: 16rpx;
|
||||
border-top: 1rpx solid @border;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user