diff --git a/src/assets/images/index/card-3.png b/src/assets/images/index/card-3.png index 30048b9..da15ac8 100644 Binary files a/src/assets/images/index/card-3.png and b/src/assets/images/index/card-3.png differ diff --git a/src/assets/images/index/card-4.png b/src/assets/images/index/card-4.png index f1aad5e..11e0fa8 100644 Binary files a/src/assets/images/index/card-4.png and b/src/assets/images/index/card-4.png differ diff --git a/src/assets/images/index/card-5.png b/src/assets/images/index/card-5.png index b2c205b..9ae1d62 100644 Binary files a/src/assets/images/index/card-5.png and b/src/assets/images/index/card-5.png differ diff --git a/src/components/Draw.vue b/src/components/Draw.vue index ff551be..726c9bd 100644 --- a/src/components/Draw.vue +++ b/src/components/Draw.vue @@ -16,8 +16,8 @@ const { toClipboard } = useClipboard() const money = ref("1.88"); const code = ref("PAKJ2025"); -const showResult = ref(true); -const hasPrize = ref(true); +const showResult = ref(false); +const hasPrize = ref(false); const drawFn = (event) => { let e = event.target.parentElement; @@ -243,6 +243,7 @@ onMounted(() => { } .money { + @include pos(390px, 130px, 110px, 200px); @include flexCen(); color: #e95b46; @@ -250,7 +251,6 @@ onMounted(() => { font-size: 58px; letter-spacing: 4px; // background-color: rgb(217, 0, 255); - } .code-box { @@ -263,11 +263,12 @@ onMounted(() => { font-weight: 700; color: #fff6cc; - span{ + span { height: 77px; line-height: 65px; } - .code{ + + .code { margin-right: 10px; } @@ -278,6 +279,31 @@ onMounted(() => { } } + .exchange-tips { + @include pos(390px, 152px, 110px, 558px); + display: flex; + flex-direction: row; + align-items: start; + justify-content: flex-start; + font-size: 20px; + // font-weight: 700; + color: #fff6cc; + letter-spacing: 2px; + // background-color: aqua; + } + + .exchnage-tips2 { + @include pos(390px, 52px, 110px, 638px); + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; + font-size: 15px; + // font-weight: 700; + color: #fff6cc; + // background-color: aqua; + } + .cls-btn { @include pos(82px, 82px, 517px, 114px); @include bg_pos("prize/cls-btn.png"); diff --git a/src/components/MyPrize.vue b/src/components/MyPrize.vue index 3ee9921..93bf537 100644 --- a/src/components/MyPrize.vue +++ b/src/components/MyPrize.vue @@ -49,15 +49,20 @@ onMounted(() => { +