diff --git a/src/assets/images/prize/myPrize-box.png b/src/assets/images/prize/myPrize-box.png index 6821440..9cad0ae 100644 Binary files a/src/assets/images/prize/myPrize-box.png and b/src/assets/images/prize/myPrize-box.png differ diff --git a/src/components/Draw.vue b/src/components/Draw.vue index e97963e..81f6a18 100644 --- a/src/components/Draw.vue +++ b/src/components/Draw.vue @@ -85,6 +85,20 @@ const drawFn = (event) => { }, 1000); } } + }).catch(error =>{ + console.log('eroor', error); + hasPrize.value = false; // true 中奖 || false 未中奖 + userStore.updateDraw(); + setTimeout(() => { + Toast.clear(); + showResult.value = true; + gsap.from(".result-container", { + duration: 0.5, + scale: 0.7, + autoAlpha: 0, + }); + gsap.killTweensOf(".draw-light,.draw"); + }, 1000); }) } else { Toast('今日抽奖次数已用完！') @@ -150,9 +164,15 @@ onMounted(() => {
¥{{ money }}元
-
{{ code }}
+
兑奖码：{{ code }}
+
+
兑奖流程：前往微信搜索【平安理财服务号】
+
公众号发送“清凉一夏”获取兑换链接，
+
输入兑换码兑换奖品。
+
（兑换码可在主页面“奖品”再次查看并复制）
+
@@ -215,7 +235,8 @@ onMounted(() => { position: relative; @include box(665px, 731px); @include bg_pos("prize/myPrize-box.png"); - + position: relative; + left: 30px; .money { @include pos(370px, 81px, 139px, 239px); display: flex; @@ -228,7 +249,7 @@ onMounted(() => { } .code-box { - @include pos(312px, 52px, 197px, 508px); + @include pos(390px, 52px, 100px, 508px); display: flex; flex-direction: row; align-items: center; @@ -246,8 +267,23 @@ onMounted(() => { } } + .code-tips{ + display: flex; + flex-direction: column; + justify-content: space-around; + @include pos(410px, 120px, 100px, 560px); + // background: rgba($color: #000000, $alpha: .7); + font-size: 20px; + font-weight: 700; + color: #fff6cc; + .code-tips-text{ + font-size: 17px; + text-align: center; + } + } + .cls-btn { - @include pos(82px, 82px, 517px, 114px); + @include pos(43px, 43px, 517px, 114px); @include bg_pos("prize/cls-btn.png"); } } diff --git a/src/components/Index.vue b/src/components/Index.vue index 41e4dfe..66ca986 100644 --- a/src/components/Index.vue +++ b/src/components/Index.vue @@ -36,8 +36,8 @@ const showRule = (event) => { onMounted(() => { gsap.from(".index-bg,.index-island,.index-cloud-1,.index-cloud-2,.index-tree-1", { duration: 1, scale: 1.2, autoAlpha: 0 }); - gsap.from(".index-title", { duration: 1, y: 20, autoAlpha: 0,delay:1 }); - gsap.from(".index-sub-title", { duration: 1, x: 20, autoAlpha: 0,delay:1 }); + gsap.from(".index-title", { duration: 1, y: 20, autoAlpha: 0 }); + gsap.from(".index-sub-title", { duration: 1, x: 20, autoAlpha: 0 }); gsap.from(".index-rule-btn", { duration: 1, x: -100, autoAlpha: 0 }); gsap.from(".index-prize-btn", { duration: 1, diff --git a/src/components/Question.vue b/src/components/Question.vue index 264d1ab..20d5a0b 100644 --- a/src/components/Question.vue +++ b/src/components/Question.vue @@ -355,11 +355,11 @@ onMounted(() => { visibility: hidden; width: 95%; font-family: "HarmonyOS_Sans_SC_Regular"; - font-size: 20px; + font-size: 25px; color: #e74c00; text-align: justify; padding: 10px 50px; - height: 100px; + // height: 100px; .analysis-icon { display: inline-block; @include box(32px, 31px); diff --git a/src/components/Result.vue b/src/components/Result.vue index cf5c834..ccd93fc 100644 --- a/src/components/Result.vue +++ b/src/components/Result.vue @@ -51,7 +51,7 @@ onMounted(() => { autoAlpha: 0, delay:0.5, }); - gsap.from(".r-click-area", { + gsap.from(".create-poster", { duration: 0.7, y: 20, autoAlpha: 0, diff --git a/src/components/Rule.vue b/src/components/Rule.vue index ef919a7..fa9ff67 100644 --- a/src/components/Rule.vue +++ b/src/components/Rule.vue @@ -39,7 +39,7 @@ onMounted(() => {
活动攻略：
- 1、进入活动参加【好理在手 邂逅清凉一夏】答题，共设计3道题目，全部选择完毕后即可参与抽奖活动； + 1、进入活动参加【好“理”在手，邂逅清凉一夏】答题，共设计3道题目，全部选择完毕后即可参与抽奖活动；
2、活动期间不限制参与答题次数，每人每日有1次抽奖机会。
diff --git a/src/data/index.js b/src/data/index.js index ca607b5..1ad15f5 100644 --- a/src/data/index.js +++ b/src/data/index.js @@ -25,7 +25,7 @@ export const data = [ { id: 2, question: [ - '2、夏日闲钱早规划，get生活小确幸。长期来看，选择哪类型理财，可以较稳健地进行闲钱进阶？', + '夏日闲钱早规划，get生活小确幸。长期来看，选择哪类型理财，可以较稳健地进行闲钱进阶？', ], answer: [ { @@ -48,7 +48,7 @@ export const data = [ { id: 3, question: [ - '3、夏天的快乐是多巴胺旅行给的！想要一场说走就走的快乐，平时的旅行备用金该如何准备才好呢？', + '夏天的快乐是多巴胺旅行给的！想要一场说走就走的快乐，平时的旅行备用金该如何准备才好呢？', ], answer: [ { diff --git a/vite.config.js b/vite.config.js index 266a2fb..0042e48 100644 --- a/vite.config.js +++ b/vite.config.js @@ -33,7 +33,7 @@ export default defineConfig(({ command, mode }) => { template: 'index.html', injectOptions: { data: { - title: '邂逅清凉一夏', + title: '平安理财 邂逅清凉一夏', }, } }, @@ -44,6 +44,7 @@ export default defineConfig(({ command, mode }) => { resolvers: [VantResolver()], }), AutoImport({ + resolvers: [VantResolver()], imports: ['vue', 'vue-router',] }), // 开启gzip压缩