From c945d4ec116d014ae84019e40820621949c17847 Mon Sep 17 00:00:00 2001 From: wangfukang <15630117759@163.com> Date: Mon, 1 Jun 2026 08:20:22 +0800 Subject: [PATCH] 1 --- package1/components/planet/planet-header.vue | 147 ++++++++++++------- package1/components/planet/planet-me.vue | 6 +- package1/components/planet/planet-news.vue | 4 +- package1/planet/index.vue | 35 +---- 4 files changed, 104 insertions(+), 88 deletions(-) diff --git a/package1/components/planet/planet-header.vue b/package1/components/planet/planet-header.vue index 05d0b35..5fe074f 100644 --- a/package1/components/planet/planet-header.vue +++ b/package1/components/planet/planet-header.vue @@ -2,7 +2,13 @@ BANJINLI ORBIT - 今天,登陆白嫖星球 + + Hello,白嫖居民 + + 明细 + 开奖 + + 攒券、追捕、开盲盒,全校一起瓜分补给池 @@ -17,7 +23,7 @@ - ? + 白嫖说明书 @@ -35,7 +41,22 @@ - 今日补给池 + + 开奖倒计时 + + {{cd.h}} + H + + + {{cd.m}} + M + + + {{cd.s}} + S + + + 得现金奖励 {{poolText}} @@ -46,34 +67,18 @@ - IP + 我的星球券 {{data.myTicketCount || 0}} 张 {{data.joinCount || 0}} - 全校登陆 + 竟奖人数 {{rankText}} 财富坐标 - 我的星球券 {{data.myTicketCount || 0}} 张 - - - 第 {{data.periodNo || '--'}} 期 - - {{cd.h}} - H - - - {{cd.m}} - M - - - {{cd.s}} - S - - + @@ -127,6 +132,12 @@ if (this.timer) clearInterval(this.timer) }, methods: { + goTicketLog() { + this.$emit('ticketlog') + }, + goDraw() { + this.$emit('draw') + }, pad(n) { return n < 10 ? ('0' + n) : ('' + n) }, @@ -157,6 +168,7 @@ position: absolute; left: 8rpx; top: 12rpx; + right: 8rpx; z-index: 6; display: flex; flex-direction: column; @@ -169,12 +181,47 @@ letter-spacing: 4rpx; } - .ph-title { + .ph-title-row { margin-top: 10rpx; + display: flex; + align-items: center; + justify-content: space-between; + } + + .ph-title { color: #12342F; font-size: 44rpx; font-weight: 900; letter-spacing: -1rpx; + flex: 1; + white-space: nowrap; + } + + .ph-actions { + display: flex; + align-items: center; + margin-left: 16rpx; + flex-shrink: 0; + } + + .ph-action { + height: 52rpx; + line-height: 52rpx; + padding: 0 18rpx; + margin-left: 10rpx; + border-radius: 999rpx; + background: rgba(255,255,255,0.72); + border: 1rpx solid rgba(255,255,255,0.92); + color: #42635E; + font-size: 23rpx; + font-weight: 800; + box-shadow: 0 10rpx 22rpx rgba(53,214,166,0.1); + } + + .ph-action-main { + color: #FFFFFF; + background: linear-gradient(135deg, #35D6A6, #4FB7FF); + border-color: rgba(255,255,255,0.82); } .ph-sub { @@ -286,8 +333,8 @@ .ph-floating-box { position: absolute; left: 34rpx; - top: 525rpx; - width: 88rpx; + top: 625rpx; + width: 128rpx; height: 86rpx; border-radius: 22rpx; background: linear-gradient(145deg, #FF8B6A, #FFCF7A); @@ -296,7 +343,7 @@ align-items: center; justify-content: center; color: #FFFFFF; - font-size: 32rpx; + font-size: 23rpx; font-weight: 900; z-index: 5; animation: treasureFloat 4.4s ease-in-out infinite; @@ -306,11 +353,11 @@ position: absolute; left: -7rpx; top: -16rpx; - width: 102rpx; + width: 138rpx; height: 32rpx; border-radius: 18rpx; background: linear-gradient(135deg, #FFFFFF, #FFD38C); - transform: rotate(-5deg); + /* transform: rotate(-5deg); */ } @keyframes treasureFloat { @@ -471,7 +518,7 @@ top: 50%; transform: translate(-50%, -50%); width: 390rpx; - min-height: 220rpx; + min-height: 270rpx; border-radius: 56rpx; background: rgba(255,255,255,0.34); border: 1rpx solid rgba(255,255,255,0.72); @@ -489,6 +536,7 @@ font-size: 24rpx; font-weight: 800; letter-spacing: 2rpx; + margin-top: 14rpx; } .ph-period { @@ -524,7 +572,6 @@ text-align: center; color: #42635E; font-size: 24rpx; - margin-top: 2rpx; } .ph-ticket-pill { @@ -543,20 +590,14 @@ } .ph-count { - position: absolute; - left: 50%; - bottom: 18rpx; - transform: translateX(-50%); display: flex; align-items: center; justify-content: center; - padding: 12rpx 16rpx; + padding: 8rpx 12rpx; border-radius: 999rpx; - background: rgba(255,255,255,0.72); - border: 1rpx solid rgba(255,255,255,0.92); - box-shadow: 0 18rpx 42rpx rgba(79,183,255,0.14); - backdrop-filter: blur(8px); - z-index: 6; + background: rgba(255,255,255,0.62); + border: 1rpx solid rgba(255,255,255,0.82); + box-shadow: 0 10rpx 24rpx rgba(79,183,255,0.1); } .ph-count-label { @@ -567,10 +608,10 @@ } .ph-count-unit { - width: 64rpx; - height: 64rpx; + width: 52rpx; + height: 52rpx; margin-left: 8rpx; - border-radius: 22rpx; + border-radius: 18rpx; background: linear-gradient(145deg, #F8FFFB, #E1F8FF); display: flex; flex-direction: column; @@ -581,9 +622,9 @@ .ph-count-unit text:first-child { color: #12342F; - font-size: 28rpx; + font-size: 24rpx; font-weight: 900; - line-height: 30rpx; + line-height: 26rpx; font-family: DIN, Arial, sans-serif; } @@ -611,13 +652,13 @@ .ph-satellite-left { left: 0; - top: 350rpx; + top: 300rpx; transform: rotate(-6deg); } .ph-satellite-right { right: 0; - top: 428rpx; + top: 258rpx; transform: rotate(7deg); animation-delay: -1.5s; } @@ -661,7 +702,7 @@ .ph-squirrel-img { position: absolute; - left: 0; + right: 30rpx; top: 0; width: 142rpx; height: 142rpx; @@ -673,16 +714,16 @@ .ph-squirrel-tag { position: absolute; - left: 38rpx; bottom: 0; - width: 68rpx; - height: 38rpx; - line-height: 38rpx; + right:1rpx; + width: 200rpx; + height: 42rpx; + line-height: 42rpx; text-align: center; border-radius: 999rpx; background: rgba(255,255,255,0.82); color: #35D6A6; - font-size: 19rpx; + font-size: 20rpx; font-weight: 900; border: 1rpx solid rgba(255,255,255,0.92); box-shadow: 0 10rpx 22rpx rgba(53,214,166,0.12); diff --git a/package1/components/planet/planet-me.vue b/package1/components/planet/planet-me.vue index 0ebc9a9..eeebb32 100644 --- a/package1/components/planet/planet-me.vue +++ b/package1/components/planet/planet-me.vue @@ -7,7 +7,7 @@ {{data.nickname || '星球居民'}} - {{data.level || 'C'}} 级探索者 + {{data.level || 'C'}} 级白嫖员 连签 {{data.consecutiveSignDays || 0}} 天 @@ -68,7 +68,7 @@