@@ -89,6 +92,8 @@ const appStore = useAppStore();
// 定时器
const lotteryTimer = ref(null as any);
+// 参与方式
+const participationMethod = ref("未知" as string);
function flushTimeStatus () {
const timeNow = new Date().getTime();
@@ -142,11 +147,22 @@ onMounted(async () => {
flushTimeStatus();
}, 1000);
}
+ participationMethod.value = getParticipationMethod(lotteryCard.value.participantWay);
setTimeout(() => {
loading.value = false;
- }, 200);
+ }, 1000);
});
+// 获取参与方式
+function getParticipationMethod (participantWay: string) {
+ switch (participantWay) {
+ case "Forward":
+ return "转发";
+ default:
+ return participantWay;
+ }
+}
+
// 监听 timeStatus
onUpdated(() => {
if (timeStatus.value === "已开奖") {
@@ -170,19 +186,48 @@ onUpdated(() => {
margin: 10px;
}
+.reward-title {
+ font-family: Genshin-Light, serif;
+ font-size: 16px;
+ color: #faf7e8;
+ margin: 10px;
+}
+
+.reward-subtitle {
+ font-family: Genshin-Light, serif;
+ font-size: 16px;
+ color: #faf7e8;
+ opacity: 0.5;
+}
+
.lottery-list {
background: #546d8b;
border-radius: 10px;
- margin-bottom: 10px;
+ margin: 10px;
+ padding: 10px;
color: #faf7e8;
font-family: Genshin-Light, serif;
}
.lottery-back {
- margin: 10px;
+ margin: 5px;
+ height: 30px;
+ border-radius: 40px;
font-family: Genshin, serif;
- color: #faf7e8 !important;
- background: #546d8b !important;
+ background: #4A5366;
+}
+
+.lottery-back img {
+ position: absolute;
+ left: 5px;
+ width: 25px;
+ height: 25px;
+}
+
+.lottery-back span {
+ color: #faf7e8;
+ font-size: 16px;
+ margin-left: 10px;
}
.lottery-grid {
@@ -192,11 +237,13 @@ onUpdated(() => {
}
.lottery-sub-list {
- background: #546d8b;
+ /* background: #546d8b; */
+ background: #faf7e8;
border-radius: 40px;
height: 40px;
margin: 5px;
- color: #faf7e8;
+ /* color: #faf7e8; */
+ color: #546d8b;
font-family: Genshin-Light, serif;
align-items: center;
display: flex;
@@ -221,7 +268,8 @@ onUpdated(() => {
display: inline-block;
font-size: 14px;
font-family: Genshin-Light, 仿宋;
- color: #faf7e8;
- overflow: auto;
+ /* color: #faf7e8; */
+ color: #546d8b;
+ overflow: hidden;
}