diff --git a/activity/cutprice/detail.vue b/activity/cutprice/detail.vue index 3d41ee5..6447b52 100644 --- a/activity/cutprice/detail.vue +++ b/activity/cutprice/detail.vue @@ -302,6 +302,59 @@ --> + + + + ✕ + 恭喜你! + 获得一次摇骰子机会 + + + + + + + + + + + + @@ -366,7 +419,10 @@ export default { hours: "", show: false, showImg: false, + showMask: false, // 遮罩层 showPrice: false, + maskImg:false, + tossResult:0, isCut: true, imgPath: "", user_nickname: "", @@ -404,7 +460,7 @@ export default { shareData: { shareText: "澜驰商城系统，支持原生App、微信小程序，邀请你一起体验！", shareTitle: "澜驰商城系统，支持原生App、微信小程序，邀请你一起体验！", - href: "https://www.suteshop.com", + href: "https://www.suteshop.com ", image: "", }, showLoginPopup: false, @@ -557,13 +613,41 @@ export default { }, }); }, + showMaskImg(){ + this.maskImg=true; + const that = this + $.request({ + url: this.Config.URL.user.dolookTurnCutPrice, + data: {ac_id:this.ac_id}, + success:function(data, status, msg, code){ + if(status==200){ + that.tossResult=data.point + setTimeout(()=>{ + wx.showModal({ + title: '幸运骰子', + content: `恭喜你,摇到了${data.point}点,幸运暴击${data.point}倍,砍了${data.achPrice}元`, + showCancel: false, + confirmText: '确定', + success(res) { + if (res.confirm) { + console.log('用户点击确定'); + that.maskClose() + } + } + }); + },2500) + } + console.log("hhhhhh",that.tossResult) + } + }) + }, // 头像区域点击事件 handleAvatarClick() { const that = this; if (!that.hasLogin) { that.showLoginPopup = true; // 显示登录弹窗 return; - } + } }, handleLoginSuccess() { const that = this; @@ -578,7 +662,7 @@ export default { //直接更新页面数据（头像、昵称），确保实时渲染 that.setData({ - imgPath: user_info.user_avatar || "https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/default-avatar.png", + imgPath: user_info.user_avatar || "https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/default-avatar.png ", user_nickname: user_info.user_nickname || "亲爱的用户", participantId: user_info.user_id || "", uid: user_info.user_id || that.uid, @@ -744,8 +828,24 @@ export default { that.setData({ money: data.ach_price, ac_id: data.ac_id, - showImg: true, + // showMask: true, }); + wx.showModal({ + title: '恭喜', + content: `成功砍了${data.ach_price_pre}元`, + showCancel: false, + confirmText: '确定', + success(res) { + if (res.confirm) { + console.log('用户点击确定'); + setTimeout(()=>{ + that.setData({ + showMask: true, + }) + },200) + } + } + }); that.GetVendorCutPriceEventDetail(); that.GetOtherCutPriceActivityList(); } else { @@ -753,6 +853,9 @@ export default { } }, }); + // that.setData({ + // showMask: true, + // }); }, onShareAppMessage: function () { // #ifdef MP-WEIXIN @@ -1027,6 +1130,10 @@ export default { urls: [this.PageQRCodeInfo.Path], }); }, + maskClose:function() { + this.showMask = false; + this.showImg = true; // 关闭遮罩后立刻展示动画图 + } }, }; @@ -1061,7 +1168,7 @@ export default { .bargin { width: 750rpx; - // background-image: url(https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/cutprice-1/whole-background-start.png); + // background-image: url(https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/cutprice-1/whole-background-start.png ); // background-repeat: no-repeat; // background-size: 100% 100%; // -moz-background-size: 100% 100%; @@ -1117,7 +1224,7 @@ export default { margin-top: -2rpx; width: 750rpx; height: 1200rpx; - background-image: url(https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/cutprice-1/background-bottom-one.png); + background-image: url(https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/cutprice-1/background-bottom-one.png ); background-repeat: no-repeat; background-size: 100% 100%; -moz-background-size: 100% 100%; @@ -1204,7 +1311,7 @@ export default { .top-sty { width: 750rpx; height: 950rpx; - background-image: url(https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/cutprice-1/background-start-top.png); + background-image: url(https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/cutprice-1/background-start-top.png ); background-repeat: no-repeat; background-size: 100% 100%; -moz-background-size: 100% 100%; @@ -1234,7 +1341,7 @@ export default { .goods-sty { margin-top: -2rpx; width: 750rpx; - background-image: url(https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/cutprice-1/background-goods.png); + background-image: url(https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/cutprice-1/background-goods.png ); background-repeat: no-repeat; background-size: 100% 100%; -moz-background-size: 100% 100%; @@ -1324,7 +1431,7 @@ export default { height: 70rpx; line-height: 70rpx; text-align: center; - background-image: url(https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/cutprice-1/begin-bargaining-button.png); + background-image: url(https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/cutprice-1/begin-bargaining-button.png ); background-repeat: no-repeat; background-size: 100% 100%; -moz-background-size: 100% 100%; @@ -1342,7 +1449,7 @@ export default { margin-left: 180rpx; height: 60rpx; width: 150rpx; - background-image: url(https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/cutprice-1/sell-immediately.png); + background-image: url(https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/cutprice-1/sell-immediately.png ); background-repeat: no-repeat; background-size: 100% 100%; -moz-background-size: 100% 100%; @@ -1352,7 +1459,7 @@ export default { margin-left: 100rpx; height: 60rpx; width: 150rpx; - background-image: url(https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/cutprice-1/help-cut.png); + background-image: url(https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/cutprice-1/help-cut.png ); background-repeat: no-repeat; background-size: 100% 100%; -moz-background-size: 100% 100%; @@ -1361,7 +1468,7 @@ export default { margin-left: 300rpx; height: 60rpx; width: 150rpx; - background-image: url(https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/cutprice-1/help-cut.png); + background-image: url(https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/cutprice-1/help-cut.png ); background-repeat: no-repeat; background-size: 100% 100%; -moz-background-size: 100% 100%; @@ -1372,7 +1479,7 @@ export default { right: 180rpx; height: 60rpx; width: 150rpx; - background-image: url(https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/cutprice-1/help-cut-price.png); + background-image: url(https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/cutprice-1/help-cut-price.png ); background-repeat: no-repeat; background-size: 100% 100%; -moz-background-size: 100% 100%; @@ -1383,7 +1490,7 @@ export default { left: 180rpx; height: 60rpx; width: 150rpx; - background-image: url(https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/cutprice-1/sell-immediately.png); + background-image: url(https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/cutprice-1/sell-immediately.png ); background-repeat: no-repeat; background-size: 100% 100%; -moz-background-size: 100% 100%; @@ -1394,7 +1501,7 @@ export default { left: 180rpx; height: 60rpx; width: 150rpx; - background-image: url(https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/cutprice-1/i-want.png); + background-image: url(https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/cutprice-1/i-want.png ); background-repeat: no-repeat; background-size: 100% 100%; -moz-background-size: 100% 100%; @@ -1405,7 +1512,7 @@ export default { right: 180rpx; height: 60rpx; width: 150rpx; - background-image: url(https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/cutprice-1/help-cut.png); + background-image: url(https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/cutprice-1/help-cut.png ); background-repeat: no-repeat; background-size: 100% 100%; -moz-background-size: 100% 100%; @@ -1416,7 +1523,7 @@ export default { left: 300rpx; height: 60rpx; width: 150rpx; - background-image: url(https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/cutprice-1/again-stroll.png); + background-image: url(https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/cutprice-1/again-stroll.png ); background-repeat: no-repeat; background-size: 100% 100%; -moz-background-size: 100% 100%; @@ -1427,7 +1534,7 @@ export default { left: 300rpx; height: 60rpx; width: 150rpx; - background-image: url(https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/cutprice-1/sell-immediately.png); + background-image: url(https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/cutprice-1/sell-immediately.png ); background-repeat: no-repeat; background-size: 100% 100%; -moz-background-size: 100% 100%; @@ -1679,4 +1786,117 @@ export default { font-size: 28rpx; padding-top: 10rpx; } - +.mask { + position: fixed; + left: 0; + top: 0; + right: 0; + bottom: 0; + background: rgba(0, 0, 0, 0.75); + display: flex; + align-items: center; + justify-content: center; + z-index: 999; + flex-direction: column; + padding: 40rpx 0; +} +.mask-box{ + width:602rpx; + background:#fff; + border-radius:16rpx; + padding:40rpx; + position:relative; +} +.mask-close{ + position:absolute; + right:20rpx; + top:20rpx; + font-size:40rpx; + color:#fff; +} +.mask-text-wrap { + font-size: 40rpx; + color: #fff; + text-align: center; + margin-bottom: 30rpx; + font-weight: bold; + line-height: 44rpx; +} +.mask-text{ + position:absolute; + top:0rpx; + font-size:30rpx; + color:#999; +} +.mask-img{ + width:60%; + height:auto; + margin:0 auto; +} +.mask-btn{ + width:100%; + height:80rpx; + line-height:80rpx; + background:#ff6803; + color:#fff; + font-size:32rpx; + border-radius:12rpx; +} +.yaotouzi{ + width: 100%; + display: flex; + flex-direction: column; + gap: 20rpx; +} + + +/* 呼吸按钮核心样式 */ +.breath-btn { + /* 基础按钮样式（可根据你的UI调整） */ + width: 280rpx; + height: 80rpx; + line-height: 80rpx; + background: #ff6803; + color: #fff; + font-size: 32rpx; + border-radius: 40rpx; + border: none; + outline: none; + + /* 呼吸动画核心 */ + animation: breath 2s ease-in-out infinite; /* 2秒一个周期，匀速循环 */ +} + +/* 定义呼吸动画（缩放） */ +@keyframes breath { + 0% { + transform: scale(1); /* 原始大小 */ + } + 50% { + transform: scale(1.1); /* 放大10%（可调整幅度） */ + } + 100% { + transform: scale(1); /* 回到原始大小 */ + } +} + +/* 可选：点击时的按压效果，增强交互 */ +.breath-btn:active { + transform: scale(0.95); /* 点击时稍微缩小 */ + animation: none; /* 点击时暂停呼吸动画 */ +} +/* 温馨提示文本样式（核心） */ +.warm-tip { + font-size: 30rpx; + color: #fff; + text-align: center; + margin-top: 10rpx; + line-height: 32rpx; + padding: 0 20rpx; +} +.sign{ + font-size: 70rpx; + color: red; + text-align: center; +} + \ No newline at end of file diff --git a/config/config.js b/config/config.js index 9d1e38a..6258b92 100644 --- a/config/config.js +++ b/config/config.js @@ -586,6 +586,7 @@ export default { "listsCutPriceActivity": iu + "?ctl=Activity&met=listsCutPriceActivity&typ=json", // "getCutPriceActivity": iu + "?ctl=Activity&met=getCutPriceActivity&typ=json", "getCutPriceActivity": ip + "shop/userActivity/getCutPriceActivity", + "dolookTurnCutPrice":ip+"shop/userActivity/dolookTurnCutPrice", // "listsCutPriceHistory": iu + "?ctl=Activity&met=listsCutPriceHistory&typ=json", "listsCutPriceHistory": ip + "shop/userActivity/listsCutPriceHistory", "listsGroupbookingActivity": iu + "?ctl=Activity&met=listsGroupbookingActivity&typ=json", diff --git a/static/images/cutPrice/five.gif b/static/images/cutPrice/five.gif new file mode 100644 index 0000000..d298dfb Binary files /dev/null and b/static/images/cutPrice/five.gif differ diff --git a/static/images/cutPrice/four.gif b/static/images/cutPrice/four.gif new file mode 100644 index 0000000..bacbf8a Binary files /dev/null and b/static/images/cutPrice/four.gif differ diff --git a/static/images/cutPrice/one.gif b/static/images/cutPrice/one.gif new file mode 100644 index 0000000..09d71e3 Binary files /dev/null and b/static/images/cutPrice/one.gif differ diff --git a/static/images/cutPrice/six.gif b/static/images/cutPrice/six.gif new file mode 100644 index 0000000..94cab4b Binary files /dev/null and b/static/images/cutPrice/six.gif differ diff --git a/static/images/cutPrice/three.gif b/static/images/cutPrice/three.gif new file mode 100644 index 0000000..2fe4312 Binary files /dev/null and b/static/images/cutPrice/three.gif differ diff --git a/static/images/cutPrice/two.gif b/static/images/cutPrice/two.gif new file mode 100644 index 0000000..b4de3c7 Binary files /dev/null and b/static/images/cutPrice/two.gif differ diff --git a/static/images/cutPrice/zero.png b/static/images/cutPrice/zero.png new file mode 100644 index 0000000..9ea59ea Binary files /dev/null and b/static/images/cutPrice/zero.png differ