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; }