diff --git a/view/molistar/activity/luckyNumbers/css/index.css b/view/molistar/activity/luckyNumbers/css/index.css index 753c456..eb8a4d2 100644 --- a/view/molistar/activity/luckyNumbers/css/index.css +++ b/view/molistar/activity/luckyNumbers/css/index.css @@ -570,4 +570,67 @@ body { .popup_rule .popup_content .close_btn img { width: 0.8rem; height: 0.8rem; +} + +.popup_congratulations { + display: none; + /* 初始状态下隐藏弹窗 */ + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.5); + z-index: 9999; + /* 确保弹窗在最顶层 */ +} +.popup_congratulations .popup_content { + background-image: url("../images/popup_bg.png"); + background-size: 100% 100%; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + width: 9.6rem; + padding: 0.5333333333rem 0; +} +.popup_congratulations .popup_content .title { + font-family: PingFang SC; + font-weight: 600; + font-size: 0.4266666667rem; + color: #FFF784; + line-height: 0.48rem; + text-align: center; + margin-bottom: 0.5333333333rem; +} +.popup_congratulations .popup_content .detail_txt { + font-family: PingFang SC; + font-weight: 400; + font-size: 0.3733333333rem; + color: #FFF784; + line-height: 0.5066666667rem; + text-align: center; + margin: 0.6266666667rem 0.8rem; +} +.popup_congratulations .popup_content .go_btn { + background-image: url("../images/participate_btn.png"); + background-size: 100% 100%; + font-family: PingFang SC; + font-weight: 600; + font-size: 0.5333333333rem; + color: #5D2600; + display: flex; + align-items: center; + justify-content: center; + padding: 0.4rem 1.3333333333rem; + margin: 0.48rem 2.6666666667rem; +} +.popup_congratulations .popup_content .close_btn { + position: absolute; + top: -15%; + right: 2%; +} +.popup_congratulations .popup_content .close_btn img { + width: 0.8rem; + height: 0.8rem; } \ No newline at end of file diff --git a/view/molistar/activity/luckyNumbers/css/index.scss b/view/molistar/activity/luckyNumbers/css/index.scss index 5d837a9..f55e88b 100644 --- a/view/molistar/activity/luckyNumbers/css/index.scss +++ b/view/molistar/activity/luckyNumbers/css/index.scss @@ -622,7 +622,8 @@ body { text-align: center; margin-bottom: px2rem(40); } - .detail_txt{ + + .detail_txt { height: px2rem(580); overflow-y: auto; // 超出高度时可滚动 scrollbar-width: none; // 隐藏滚动条(Firefox) @@ -641,13 +642,84 @@ body { margin: 0 px2rem(60); } } - .close_btn { position: absolute; top: -12%; right: 2%; + img { + width: px2rem(60); + height: px2rem(60); + } + } + } +} + +.popup_congratulations { + display: none; + /* 初始状态下隐藏弹窗 */ + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.5); + z-index: 9999; + + /* 确保弹窗在最顶层 */ + .popup_content { + background-image: url('../images/popup_bg.png'); + background-size: 100% 100%; + // margin: 0 px2rem(14); + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + width: px2rem(720); + padding: px2rem(40) 0; + // height: px2rem(457); + + .title { + font-family: PingFang SC; + font-weight: 600; + font-size: px2rem(32); + color: #FFF784; + line-height: px2rem(36); + text-align: center; + margin-bottom: px2rem(40); + } + + .detail_txt { + font-family: PingFang SC; + font-weight: 400; + font-size: px2rem(28); + color: #FFF784; + line-height: px2rem(38); + text-align: center; + margin: px2rem(47) px2rem(60); + } + + .go_btn { + background-image: url('../images/participate_btn.png'); + background-size: 100% 100%; + font-family: PingFang SC; + font-weight: 600; + font-size: px2rem(40); + color: #5D2600; + display: flex; + align-items: center; + justify-content: center; + padding: px2rem(30) px2rem(100); + margin: px2rem(36) px2rem(200); + } + + + .close_btn { + position: absolute; + top: -15%; + right: 2%; + img { width: px2rem(60); height: px2rem(60); diff --git a/view/molistar/activity/luckyNumbers/index.html b/view/molistar/activity/luckyNumbers/index.html index c2f4817..f08f170 100644 --- a/view/molistar/activity/luckyNumbers/index.html +++ b/view/molistar/activity/luckyNumbers/index.html @@ -187,6 +187,19 @@ + +