diff --git a/src/views/t-lottery.vue b/src/views/t-lottery.vue
index 91c7012d..1c02e042 100644
--- a/src/views/t-lottery.vue
+++ b/src/views/t-lottery.vue
@@ -5,7 +5,8 @@
- 抽奖详情 {{ timeStatus }}
+ 抽奖详情
+ {{ timeStatus === "已开奖" ? timeStatus : `待开奖 ${timeStatus}` }}
@@ -41,7 +42,7 @@
-
+
奖品详情
@@ -50,16 +51,14 @@
-
-
-
-
-
-
-
+
+
+
![avatar]()
+
+
{{ user.nickname }}
-
-
+
+
@@ -174,19 +173,11 @@ onUpdated(() => {
.lottery-list {
background: #546d8b;
border-radius: 10px;
- margin: 10px;
+ margin-bottom: 10px;
color: #faf7e8;
font-family: Genshin-Light, serif;
}
-.lottery-sub-list {
- background: #faf7e8;
- border-radius: 10px;
- margin: 10px;
- color: #546d8b;
- font-family: Genshin-Light, serif;
-}
-
.lottery-back {
margin: 10px;
font-family: Genshin, serif;
@@ -195,11 +186,42 @@ onUpdated(() => {
}
.lottery-grid {
- background: #546d8b;
border-radius: 10px;
- margin: 10px;
display: grid;
- grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
- grid-gap: 10px;
+ grid-template-columns: repeat(5, 1fr);
+}
+
+.lottery-sub-list {
+ background: #546d8b;
+ border-radius: 40px;
+ height: 40px;
+ margin: 5px;
+ color: #faf7e8;
+ font-family: Genshin-Light, serif;
+ align-items: center;
+ display: flex;
+}
+
+.lottery-user-avatar {
+ display: inline-block;
+ width: 30px;
+ height: 30px;
+ border-radius: 50%;
+ overflow: hidden;
+ margin: 5px;
+}
+
+.lottery-user-avatar img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+}
+
+.lottery-user-nickname {
+ display: inline-block;
+ font-size: 14px;
+ font-family: Genshin-Light, 仿宋;
+ color: #faf7e8;
+ overflow: auto;
}