From 9f8c2ee719613a600ddf76f4958c5c860cbe2ac6 Mon Sep 17 00:00:00 2001
From: whycq <10027870+whycq@user.noreply.gitee.com>
Date: 星期二, 26 三月 2024 13:08:40 +0800
Subject: [PATCH] #
---
static/css/common/order.css | 66 +++++++++++++++++++++++++++++----
1 files changed, 58 insertions(+), 8 deletions(-)
diff --git a/static/css/common/order.css b/static/css/common/order.css
index 3ea9df4..4665071 100644
--- a/static/css/common/order.css
+++ b/static/css/common/order.css
@@ -1,8 +1,11 @@
-.code {
+ .container {
+ position: relative;
+ }
+ .code {
background-color: #d9d9d9;
z-index: 99;
position: sticky;
- top: 80rpx;
+ top: 0rpx;
left: 0;
}
.code-title {
@@ -22,13 +25,12 @@
.card-id {
position: absolute;
right: 10rpx;
- top: 5rpx;
- height: 30rpx;
- line-height: 30rpx;
- width: 30rpx;
+ top: 20rpx;
+ padding: 5rpx 10rpx;
+ line-height: 1.2;
text-align: center;
color: #eeeeee;
- background-color: #ddd844;
+ background-color: #30ddb2;
border-radius: 50%;
font-size: 10px;
}
@@ -38,9 +40,57 @@
position: relative;
}
.list-right {
- width: 100rpx;
+ width: 70rpx;
border-left: 1px solid #eeeeee;
display: flex;
align-items: center;
justify-content: center;
+ }
+ .buttom {
+ width: 100%;
+ position: fixed;
+ bottom: 0;
+ left: 0;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ height: 100rpx;
+ background-color: #FFF;
+ box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2) ;
+ }
+ .card-status-1 {
+ position: absolute;
+ right: 20rpx;
+ top: 30rpx;
+ padding: 4rpx 20rpx;
+ text-align: center;
+ font-size: 10px;
+ color: #f5222d;
+ background-color: #fff1f0;
+ border: 1px solid #ffa39e;
+ border-radius: 6rpx;
+ }
+ .card-status-2 {
+ position: absolute;
+ right: 20rpx;
+ top: 30rpx;
+ padding: 4rpx 20rpx;
+ text-align: center;
+ font-size: 10px;
+ color: #52c41a;
+ background-color: #f6ffed;
+ border: 1px solid #b7eb8f;
+ border-radius: 6rpx;
+ }
+ .card-status-4 {
+ position: absolute;
+ right: 20rpx;
+ top: 30rpx;
+ padding: 4rpx 20rpx;
+ text-align: center;
+ font-size: 10px;
+ color: #1890ff;
+ background-color: #e6f7ff;
+ border: 1px solid #91d5ff;
+ border-radius: 6rpx;
}
\ No newline at end of file
--
Gitblit v1.9.1