From dcd37e06282ce76aa4d35fea4222313165a4e81a Mon Sep 17 00:00:00 2001
From: Dragon <13925835632@139.com>
Date: Mon, 11 Dec 2023 19:16:12 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E5=8D=A1=E7=89=8C=E6=95=B0?=
=?UTF-8?q?=E5=AD=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
view/peko/modules/luckyTarot/css/index.css | 15 ++++++
view/peko/modules/luckyTarot/css/index.scss | 22 +++++++-
view/peko/modules/luckyTarot/index.html | 60 ++++++++++-----------
3 files changed, 65 insertions(+), 32 deletions(-)
diff --git a/view/peko/modules/luckyTarot/css/index.css b/view/peko/modules/luckyTarot/css/index.css
index 5593711..9fd78c7 100644
--- a/view/peko/modules/luckyTarot/css/index.css
+++ b/view/peko/modules/luckyTarot/css/index.css
@@ -226,21 +226,36 @@ body {
z-index: 3;
}
+.tarotBox .cardBox span {
+ text-align: center;
+ font-size: 0.34667rem;
+ font-weight: 600;
+ position: absolute;
+ left: 0.3rem;
+ top: 0.3rem;
+}
+
.tarotBox .card1 {
background: url(../images/card.png) no-repeat;
background-size: 100% 100%;
+ color: #64CCF3;
+ text-shadow: #000 0.01333rem 0.01333rem 0.01333rem;
}
.tarotBox .card2 {
background: url(../images/card2.png) no-repeat;
background-size: 100% 100%;
display: none;
+ color: #DC8FF0;
+ text-shadow: #000 0.01333rem 0.01333rem 0.01333rem;
}
.tarotBox .card3 {
background: url(../images/card3.png) no-repeat;
background-size: 100% 100%;
display: none;
+ color: #FFEB3B;
+ text-shadow: #000 0.01333rem 0.01333rem 0.01333rem;
}
.tarotBox .card1_active {
diff --git a/view/peko/modules/luckyTarot/css/index.scss b/view/peko/modules/luckyTarot/css/index.scss
index fc563a9..074b936 100644
--- a/view/peko/modules/luckyTarot/css/index.scss
+++ b/view/peko/modules/luckyTarot/css/index.scss
@@ -1,5 +1,5 @@
-@function px2rem($px, $rem:75) {
- @return $px / $rem+rem;
+@function px2rem($px) {
+ @return $px / 75+rem;
}
html {}
@@ -228,14 +228,28 @@ body {
.cardBox {
width: px2rem(148);
height: px2rem(241);
+ // line-height: px2rem(241);
position: absolute;
z-index: 3;
+
// transition: all 1s;
+ span {
+ text-align: center;
+ font-size: px2rem(26);
+ font-weight: 600;
+ position: absolute;
+ // left: px2rem(13);
+ // top: px2rem(10);
+ left: 0.3rem;
+ top: 0.3rem;
+ }
}
.card1 {
background: url(../images/card.png) no-repeat;
background-size: 100% 100%;
+ color: #64CCF3;
+ text-shadow:#000 px2rem(1) px2rem(1) px2rem(1);
}
@@ -243,6 +257,8 @@ body {
background: url(../images/card2.png) no-repeat;
background-size: 100% 100%;
display: none;
+ color: #DC8FF0;
+ text-shadow:#000 px2rem(1) px2rem(1) px2rem(1);
}
@@ -250,6 +266,8 @@ body {
background: url(../images/card3.png) no-repeat;
background-size: 100% 100%;
display: none;
+ color: #FFEB3B;
+ text-shadow:#000 px2rem(1) px2rem(1) px2rem(1);
}
.card1_active {
diff --git a/view/peko/modules/luckyTarot/index.html b/view/peko/modules/luckyTarot/index.html
index 2c0eedb..313a6ce 100644
--- a/view/peko/modules/luckyTarot/index.html
+++ b/view/peko/modules/luckyTarot/index.html
@@ -47,38 +47,38 @@
-
-
-
-
-
-
-
-
-
-
+ 0
+ 1
+ 2
+ 3
+ 4
+ 5
+ 6
+ 7
+ 8
+ 9
-
-
-
-
-
-
-
-
-
-
+ 0
+ 1
+ 2
+ 3
+ 4
+ 5
+ 6
+ 7
+ 8
+ 9
-
-
-
-
-
-
-
-
-
-
+ 0
+ 1
+ 2
+ 3
+ 4
+ 5
+ 6
+ 7
+ 8
+ 9
願幸運之神眷顧妳