|
|
@@ -281,34 +281,61 @@ export default {
|
|
|
.quick-entry-row {
|
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
|
- justify-content: flex-start;
|
|
|
+ gap: 16rpx;
|
|
|
}
|
|
|
|
|
|
.quick-item {
|
|
|
+ flex: 1;
|
|
|
+ min-width: 0;
|
|
|
+ box-sizing: border-box;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
align-items: center;
|
|
|
- padding: 12rpx 20rpx;
|
|
|
+ justify-content: center;
|
|
|
+ min-height: 180rpx;
|
|
|
+ padding: 20rpx 8rpx;
|
|
|
+ border: 2rpx solid #e7f0ff;
|
|
|
+ border-radius: 16rpx;
|
|
|
+ background: linear-gradient(180deg, #f8fbff 0%, #eef6ff 100%);
|
|
|
+ box-shadow: 0 6rpx 14rpx rgba(43, 132, 255, 0.08);
|
|
|
+ cursor: pointer;
|
|
|
+ -webkit-tap-highlight-color: transparent;
|
|
|
+ transition: transform 0.15s ease, box-shadow 0.15s ease;
|
|
|
+}
|
|
|
+
|
|
|
+.quick-item:active {
|
|
|
+ transform: scale(0.97);
|
|
|
+ box-shadow: 0 2rpx 8rpx rgba(43, 132, 255, 0.12);
|
|
|
}
|
|
|
|
|
|
.quick-icon-wrap {
|
|
|
- width: 96rpx;
|
|
|
- height: 96rpx;
|
|
|
- background: #f0f6ff;
|
|
|
- border-radius: 20rpx;
|
|
|
+ width: 80rpx;
|
|
|
+ height: 80rpx;
|
|
|
+ background: #ffffff;
|
|
|
+ border: 2rpx solid #dcecff;
|
|
|
+ border-radius: 18rpx;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
- margin-bottom: 12rpx;
|
|
|
+ margin-bottom: 14rpx;
|
|
|
+ box-shadow: 0 4rpx 10rpx rgba(43, 132, 255, 0.1);
|
|
|
}
|
|
|
|
|
|
.quick-icon {
|
|
|
- font-size: 40rpx;
|
|
|
+ font-size: 42rpx;
|
|
|
+ line-height: 1;
|
|
|
}
|
|
|
|
|
|
.quick-text {
|
|
|
- font-size: 26rpx;
|
|
|
- color: #4a5160;
|
|
|
+ width: 100%;
|
|
|
+ font-size: 24rpx;
|
|
|
+ color: #354052;
|
|
|
+ font-weight: 500;
|
|
|
+ line-height: 1.35;
|
|
|
+ text-align: center;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
}
|
|
|
|
|
|
/* 最近患者 */
|