|
|
@@ -54,7 +54,8 @@
|
|
|
</view>
|
|
|
|
|
|
<!-- 充值福利提示 -->
|
|
|
- <view class="welfare-tip-container" v-if="hdInfo.balance >= 0 && Number(rechargeWeal)>0">
|
|
|
+ <view class="welfare-outer-container" v-if="hdInfo.balance >= 0 && Number(rechargeWeal)>0">
|
|
|
+ <view class="pointing-hand">👉</view>
|
|
|
<view class="welfare-tip-wrap" @click="showWelfareModal">
|
|
|
<view class="tip-icon">🎁</view>
|
|
|
<view class="tip-text">充值福利</view>
|
|
|
@@ -567,10 +568,33 @@ export default {
|
|
|
}
|
|
|
|
|
|
// 充值福利提示样式 - 超亮眼版
|
|
|
-.welfare-tip-container {
|
|
|
+.welfare-outer-container {
|
|
|
display: flex;
|
|
|
+ align-items: center;
|
|
|
justify-content: center;
|
|
|
margin: 20upx 20upx;
|
|
|
+ gap: 20upx;
|
|
|
+
|
|
|
+ .pointing-hand {
|
|
|
+ font-size: 46upx;
|
|
|
+ animation: handPointing 1.5s infinite ease-in-out;
|
|
|
+ filter: drop-shadow(0 2upx 4upx rgba(0,0,0,0.2));
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+@keyframes handPointing {
|
|
|
+ 0% {
|
|
|
+ opacity: 0.6;
|
|
|
+ transform: translateX(-10upx);
|
|
|
+ }
|
|
|
+ 50% {
|
|
|
+ opacity: 1;
|
|
|
+ transform: translateX(0) scale(1.1);
|
|
|
+ }
|
|
|
+ 100% {
|
|
|
+ opacity: 0.6;
|
|
|
+ transform: translateX(-10upx);
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.welfare-tip-wrap {
|