diff --git a/view/eparty/modules/guild-ar/css/index.css b/view/eparty/modules/guild-ar/css/index.css index faf7ca9..bbb941a 100644 --- a/view/eparty/modules/guild-ar/css/index.css +++ b/view/eparty/modules/guild-ar/css/index.css @@ -1,3 +1,4 @@ +@charset "UTF-8"; html, body { width: 100%; @@ -231,9 +232,7 @@ body { .weeklyRewards { width: 10rem; - height: 4.8rem; margin: 0.3466666667rem auto 0; - display: none; } .weeklyRewards .top { width: 100%; @@ -276,155 +275,200 @@ body { margin-top: 0.0533333333rem; } .weeklyRewards .weeklyRewards_in { - width: 9.1466666667rem; - height: 4.0533333333rem; - background: linear-gradient(180deg, #FFA13C 0%, #FF563D 100%); + background: linear-gradient(180deg, #533CFF 0%, #3DA8FF 100%); border-radius: 0.4266666667rem; - margin: 0.2666666667rem auto 0.2666666667rem; - position: relative; - overflow: hidden; + margin: 0.2666666667rem 0.4266666667rem; + padding: 0.3466666667rem 0.2933333333rem; } -.weeklyRewards .weeklyRewards_in .topImg { - width: 9.1466666667rem; - height: 1.0133333333rem; - position: absolute; - left: 50%; - transform: translateX(-50%); - top: 0; -} -.weeklyRewards .weeklyRewards_in .title { - width: 9.1466666667rem; - height: 1.0133333333rem; - position: absolute; - left: 50%; - transform: translateX(-50%); - top: 0; - line-height: 1.0133333333rem; - text-align: center; - color: #FFFFFF; - font-size: 0.3733333333rem; - font-weight: 600; -} -.weeklyRewards .weeklyRewards_in .box { - width: 8.6666666667rem; - height: 2.16rem; - background: #fff; - margin: 1.0133333333rem auto 0.2133333333rem; - border-radius: 0.4266666667rem; - box-sizing: border-box; - padding: 0 0.24rem; -} -.weeklyRewards .weeklyRewards_in .box .left { - float: left; - width: 1.68rem; -} -.weeklyRewards .weeklyRewards_in .box .left .gold { - width: 0.5866666667rem; - height: 0.5866666667rem; - margin-top: 0.64rem; - display: block; - margin: 0.24rem auto 0.0266666667rem; -} -.weeklyRewards .weeklyRewards_in .box .left span { - display: block; - width: 100%; - text-align: center; - color: #313131; - font-size: 0.3466666667rem; - font-weight: 600; - height: 0.48rem; - line-height: 0.48rem; - margin: 0 auto 0.08rem; -} -.weeklyRewards .weeklyRewards_in .box .left .get { - width: 1.3866666667rem; - height: 0.5066666667rem; - line-height: 0.5066666667rem; - text-align: center; - color: #AFB1B3; - font-size: 0.32rem; - font-weight: 500; - border-radius: 0.5066666667rem; - border: 0.0266666667rem solid #AFB1B3; - margin: 0 auto; -} -.weeklyRewards .weeklyRewards_in .box .left .getAct { - background: linear-gradient(270deg, #E29030 0%, #FCC074 100%); - border: none; - color: #fff; -} -.weeklyRewards .weeklyRewards_in .box .left .getOut { - background: #CDCED6; - border: none; - color: #fff; -} -.weeklyRewards .weeklyRewards_in .box .right { - float: right; - width: 6.2133333333rem; - margin-top: 0.4rem; -} -.weeklyRewards .weeklyRewards_in .box .right .textTop { - width: 100%; - height: 0.4533333333rem; - line-height: 0.4533333333rem; - display: flex; - justify-content: space-between; - margin: 0 auto 0.2133333333rem; -} -.weeklyRewards .weeklyRewards_in .box .right .textTop .l { - color: #313131; - font-size: 0.3466666667rem; - font-weight: 500; -} -.weeklyRewards .weeklyRewards_in .box .right .textTop .r { - color: #7B7B7D; - font-size: 0.32rem; +.weeklyRewards .weeklyRewards_in .Total_coins { + font-family: PingFang SC, PingFang SC; font-weight: 400; + font-size: 0.3733333333rem; + color: #FFFFFF; + line-height: 0.5333333333rem; + font-style: normal; + text-transform: none; } -.weeklyRewards .weeklyRewards_in .box .right .textTop .r img { - display: inline-block; +.weeklyRewards .weeklyRewards_in .Countdown_box { + margin: 0.3466666667rem 0; +} +.weeklyRewards .weeklyRewards_in .Countdown_box .Countdown { + font-family: PingFang SC, PingFang SC; + font-weight: 400; + font-size: 0.32rem; + color: #FFFFFF; + line-height: 0.4533333333rem; + font-style: normal; + text-transform: none; +} +.weeklyRewards .weeklyRewards_in .Countdown_box .day_txt, +.weeklyRewards .weeklyRewards_in .Countdown_box .hour_txt, +.weeklyRewards .weeklyRewards_in .Countdown_box .min_txt, +.weeklyRewards .weeklyRewards_in .Countdown_box .secs_txt { + background: #FFFFFF; + border-radius: 0.08rem; + font-family: PingFang SC, PingFang SC; + font-weight: 500; + font-size: 0.32rem; + color: #6152FF; + font-style: normal; + text-transform: none; + padding: 0.0266666667rem 0.0533333333rem; +} +.weeklyRewards .weeklyRewards_in .Countdown_box .Day, +.weeklyRewards .weeklyRewards_in .Countdown_box span { + font-family: PingFang SC, PingFang SC; + font-weight: 400; + font-size: 0.32rem; + color: #FFFFFF; + line-height: 0.4533333333rem; + font-style: normal; + text-transform: none; +} +.weeklyRewards .weeklyRewards_in .Level_box { + background: #FFFFFF; + border-radius: 0.2133333333rem; + padding: 0.2666666667rem 0.24rem; +} +.weeklyRewards .weeklyRewards_in .Level_box .Host_Level { + font-family: PingFang SC, PingFang SC; + font-weight: 400; + font-size: 0.32rem; + color: #313131; + line-height: 0.4533333333rem; + font-style: normal; + text-transform: none; +} +.weeklyRewards .weeklyRewards_in .Level_box .progress_box { + position: relative; + /* 进度条样式 */ +} +.weeklyRewards .weeklyRewards_in .Level_box .progress_box .progress-container { + height: 0.4533333333rem; + background-color: #F0D2FF; + overflow: hidden; + margin: 0.1333333333rem 0.2666666667rem; +} +.weeklyRewards .weeklyRewards_in .Level_box .progress_box .progress-container .progress-bar { + height: 100%; + background: #C859FF; + transition: width 0.3s ease; + position: relative; +} +.weeklyRewards .weeklyRewards_in .Level_box .progress_box .preLevel { + background: url(../images/level_bg.png) no-repeat; + background-size: cover; + width: 0.64rem; + height: 0.64rem; + position: absolute; + z-index: 99; + left: -0.1333333333rem; + top: -0.08rem; + font-family: PingFang SC, PingFang SC; + font-weight: 600; + font-size: 0.2666666667rem; + color: #313131; + font-style: normal; + text-transform: none; + display: flex; + align-items: center; + justify-content: center; +} +.weeklyRewards .weeklyRewards_in .Level_box .progress_box .curLevel { + background: url(../images/level_bg.png) no-repeat; + background-size: cover; + width: 0.64rem; + height: 0.64rem; + position: absolute; + z-index: 99; + right: -0.1333333333rem; + top: -0.08rem; + font-family: PingFang SC, PingFang SC; + font-weight: 600; + font-size: 0.2666666667rem; + color: #313131; + font-style: normal; + text-transform: none; + display: flex; + align-items: center; + justify-content: center; +} +.weeklyRewards .weeklyRewards_in .Level_box .progress_box .processNum_box { + position: absolute; + display: flex; + align-items: center; + justify-content: center; + z-index: 99; + left: 50%; + translate: -50%; +} +.weeklyRewards .weeklyRewards_in .Level_box .progress_box .processNum_box .processNum { + font-family: PingFang SC, PingFang SC; + font-weight: 600; + font-size: 0.32rem; + color: #313131; + font-style: normal; + text-transform: none; +} +.weeklyRewards .weeklyRewards_in .Level_box .progress_box .processNum_box img { width: 0.4533333333rem; height: 0.4533333333rem; - margin: 0 0.0533333333rem; } -.weeklyRewards .weeklyRewards_in .box .right .line { - width: 100%; - height: 0.2133333333rem; - position: relative; - background: #FCD7B3; - border-radius: 0.2133333333rem; - position: relative; - overflow: hidden; -} -.weeklyRewards .weeklyRewards_in .box .right .line .line_in { - width: 0%; - height: 100%; - background: #FF8C00; - position: absolute; - left: 0; - top: 0; -} -.weeklyRewards .weeklyRewards_in .box .right .speedOfProgress { - width: 100%; +.weeklyRewards .weeklyRewards_in .Level_box .bottom_box { display: flex; + align-items: center; justify-content: space-between; - margin-top: 0.08rem; - height: 0.4533333333rem; - line-height: 0.4533333333rem; } -.weeklyRewards .weeklyRewards_in .box .right .speedOfProgress span, -.weeklyRewards .weeklyRewards_in .box .right .speedOfProgress b { +.weeklyRewards .weeklyRewards_in .Level_box .bottom_box .preMaxNum_box { + display: flex; + align-items: center; +} +.weeklyRewards .weeklyRewards_in .Level_box .bottom_box .preMaxNum_box .preMaxNum { + font-family: PingFang SC, PingFang SC; + font-weight: 400; + font-size: 0.32rem; color: #7B7B7D; - font-size: 0.32rem; - font-weight: 400; + line-height: 0.4533333333rem; + font-style: normal; + text-transform: none; } -.weeklyRewards .weeklyRewards_in .bottom { - width: 100%; - box-sizing: border-box; - padding: 0 0.24rem; - color: #FFFFFF; +.weeklyRewards .weeklyRewards_in .Level_box .bottom_box .preMaxNum_box img { + width: 0.2933333333rem; + height: 0.2933333333rem; +} +.weeklyRewards .weeklyRewards_in .Level_box .bottom_box .maxNum_box { + display: flex; + align-items: center; +} +.weeklyRewards .weeklyRewards_in .Level_box .bottom_box .maxNum_box .maxNum { + font-family: PingFang SC, PingFang SC; font-weight: 400; font-size: 0.32rem; + color: #7B7B7D; + line-height: 0.4533333333rem; + font-style: normal; + text-transform: none; +} +.weeklyRewards .weeklyRewards_in .Level_box .bottom_box .maxNum_box img { + width: 0.2933333333rem; + height: 0.2933333333rem; +} +.weeklyRewards .weeklyRewards_in .go_weeklyRewards { + display: flex; + align-items: center; + margin-top: 0.2666666667rem; +} +.weeklyRewards .weeklyRewards_in .go_weeklyRewards .Reward_detail { + font-family: PingFang SC, PingFang SC; + font-weight: 400; + font-size: 0.32rem; + color: #FFFFFF; + font-style: normal; + text-transform: none; +} +.weeklyRewards .weeklyRewards_in .go_weeklyRewards img { + width: 0.4533333333rem; + height: 0.4533333333rem; } .agencylevel { @@ -832,7 +876,8 @@ body { .english .header .headerBox div span { font-size: 0.2133333333rem; } -.arabic .header .inveMember, .arabic .quitAgency { +.arabic .header .inveMember, +.arabic .quitAgency { right: auto; left: 0.4266666667rem; } @@ -875,4 +920,7 @@ body { .arabic .agencylevel .agencylevelInfo .line .line_in { left: auto; right: 0; +} +.arabic .weeklyRewards .weeklyRewards_in .go_weeklyRewards img { + transform: rotate(180deg); } \ No newline at end of file diff --git a/view/eparty/modules/guild-ar/css/index.scss b/view/eparty/modules/guild-ar/css/index.scss index a26cdb4..820537c 100644 --- a/view/eparty/modules/guild-ar/css/index.scss +++ b/view/eparty/modules/guild-ar/css/index.scss @@ -251,12 +251,14 @@ body { .FFEFE5 { background: #FFEFE5; } - .Game_incomeBox{ + + .Game_incomeBox { width: 100%; background: #FFEFE5; } - .Diamond_incomeBox{ - width: 100%; + + .Diamond_incomeBox { + width: 100%; background: #E3F2FF; } } @@ -264,9 +266,9 @@ body { .weeklyRewards { width: px2rem(750); - height: px2rem(360); margin: px2rem(26) auto 0; - display: none; + + // display: none; .top { width: 100%; box-sizing: border-box; @@ -313,173 +315,226 @@ body { } .weeklyRewards_in { - width: px2rem(686); - height: px2rem(304); - background: linear-gradient(180deg, #FFA13C 0%, #FF563D 100%); + background: linear-gradient(180deg, #533CFF 0%, #3DA8FF 100%); border-radius: px2rem(32); - margin: px2rem(20) auto px2rem(20); - position: relative; - overflow: hidden; + margin: px2rem(20) px2rem(32); + padding: px2rem(26) px2rem(22); - .topImg { - width: px2rem(686); - height: px2rem(76); - position: absolute; - left: 50%; - transform: translateX(-50%); - top: 0; - } - - .title { - width: px2rem(686); - height: px2rem(76); - position: absolute; - left: 50%; - transform: translateX(-50%); - top: 0; - line-height: px2rem(76); - text-align: center; - color: #FFFFFF; - font-size: px2rem(28); - font-weight: 600; - } - - .box { - width: px2rem(650); - height: px2rem(162); - background: #fff; - margin: px2rem(76) auto px2rem(16); - border-radius: px2rem(32); - box-sizing: border-box; - padding: 0 px2rem(18); - - .left { - float: left; - width: px2rem(126); - - .gold { - width: px2rem(44); - height: px2rem(44); - margin-top: px2rem(48); - display: block; - margin: px2rem(18) auto px2rem(2); - } - - span { - display: block; - width: 100%; - text-align: center; - color: #313131; - font-size: px2rem(26); - font-weight: 600; - height: px2rem(36); - line-height: px2rem(36); - margin: 0 auto px2rem(6); - } - - .get { - width: px2rem(104); - height: px2rem(38); - line-height: px2rem(38); - text-align: center; - color: #AFB1B3; - font-size: px2rem(24); - font-weight: 500; - border-radius: px2rem(38); - border: px2rem(2) solid #AFB1B3; - margin: 0 auto; - } - - .getAct { - background: linear-gradient(270deg, #E29030 0%, #FCC074 100%); - border: none; - color: #fff; - } - - .getOut { - background: #CDCED6; - border: none; - color: #fff; - } - } - - .right { - float: right; - width: px2rem(466); - margin-top: px2rem(30); - - .textTop { - width: 100%; - height: px2rem(34); - line-height: px2rem(34); - display: flex; - justify-content: space-between; - margin: 0 auto px2rem(16); - - .l { - color: #313131; - font-size: px2rem(26); - font-weight: 500; - } - - .r { - color: #7B7B7D; - font-size: px2rem(24); - font-weight: 400; - - img { - display: inline-block; - width: px2rem(34); - height: px2rem(34); - margin: 0 px2rem(4); - } - } - } - - .line { - width: 100%; - height: px2rem(16); - position: relative; - background: #FCD7B3; - border-radius: px2rem(16); - position: relative; - overflow: hidden; - - .line_in { - width: 0%; - height: 100%; - background: #FF8C00; - position: absolute; - left: 0; - top: 0; - } - } - - .speedOfProgress { - width: 100%; - display: flex; - justify-content: space-between; - margin-top: px2rem(6); - height: px2rem(34); - line-height: px2rem(34); - - span, - b { - color: #7B7B7D; - font-size: px2rem(24); - font-weight: 400; - } - } - } - } - - .bottom { - width: 100%; - box-sizing: border-box; - padding: 0 px2rem(18); - color: #FFFFFF; + .Total_coins { + font-family: PingFang SC, PingFang SC; font-weight: 400; - font-size: px2rem(24); + font-size: px2rem(28); + color: #FFFFFF; + line-height: px2rem(40); + font-style: normal; + text-transform: none; + } + + .Countdown_box { + margin: px2rem(26) 0; + + .Countdown { + font-family: PingFang SC, PingFang SC; + font-weight: 400; + font-size: px2rem(24); + color: #FFFFFF; + line-height: px2rem(34); + font-style: normal; + text-transform: none; + } + + .day_txt, + .hour_txt, + .min_txt, + .secs_txt { + background: #FFFFFF; + border-radius: px2rem(6); + font-family: PingFang SC, PingFang SC; + font-weight: 500; + font-size: px2rem(24); + color: #6152FF; + font-style: normal; + text-transform: none; + padding: px2rem(2) px2rem(4); + } + + .Day, + span { + font-family: PingFang SC, PingFang SC; + font-weight: 400; + font-size: px2rem(24); + color: #FFFFFF; + line-height: px2rem(34); + font-style: normal; + text-transform: none; + } + + } + + .Level_box { + background: #FFFFFF; + border-radius: px2rem(16); + padding: px2rem(20) px2rem(18); + + .Host_Level { + font-family: PingFang SC, PingFang SC; + font-weight: 400; + font-size: px2rem(24); + color: #313131; + line-height: px2rem(34); + font-style: normal; + text-transform: none; + } + + .progress_box { + position: relative; + + /* 进度条样式 */ + .progress-container { + // width: 100%; + height: px2rem(34); + background-color: #F0D2FF; + overflow: hidden; + margin: px2rem(10) px2rem(20); + + + .progress-bar { + height: 100%; + background: #C859FF; + transition: width 0.3s ease; + position: relative; + } + } + + .preLevel { + background: url(../images/level_bg.png) no-repeat; + background-size: cover; + width: px2rem(48); + height: px2rem(48); + position: absolute; + z-index: 99; + left: px2rem(-10); + top: px2rem(-6); + font-family: PingFang SC, PingFang SC; + font-weight: 600; + font-size: px2rem(20); + color: #313131; + font-style: normal; + text-transform: none; + display: flex; + align-items: center; + justify-content: center; + } + + .curLevel { + background: url(../images/level_bg.png) no-repeat; + background-size: cover; + width: px2rem(48); + height: px2rem(48); + position: absolute; + z-index: 99; + right: px2rem(-10); + top: px2rem(-6); + font-family: PingFang SC, PingFang SC; + font-weight: 600; + font-size: px2rem(20); + color: #313131; + font-style: normal; + text-transform: none; + display: flex; + align-items: center; + justify-content: center; + } + + .processNum_box { + position: absolute; + display: flex; + align-items: center; + justify-content: center; + z-index: 99; + left: 50%; + translate: -50%; + + .processNum { + font-family: PingFang SC, PingFang SC; + font-weight: 600; + font-size: px2rem(24); + color: #313131; + font-style: normal; + text-transform: none; + } + + img { + width: px2rem(34); + height: px2rem(34); + } + } + } + + .bottom_box { + display: flex; + align-items: center; + justify-content: space-between; + + .preMaxNum_box { + display: flex; + align-items: center; + + .preMaxNum { + font-family: PingFang SC, PingFang SC; + font-weight: 400; + font-size: px2rem(24); + color: #7B7B7D; + line-height: px2rem(34); + font-style: normal; + text-transform: none; + } + + img { + width: px2rem(22); + height: px2rem(22); + } + } + + .maxNum_box { + display: flex; + align-items: center; + + .maxNum { + font-family: PingFang SC, PingFang SC; + font-weight: 400; + font-size: px2rem(24); + color: #7B7B7D; + line-height: px2rem(34); + font-style: normal; + text-transform: none; + } + + img { + width: px2rem(22); + height: px2rem(22); + } + } + } + } + + .go_weeklyRewards { + display: flex; + align-items: center; + margin-top: px2rem(20); + .Reward_detail { + font-family: PingFang SC, PingFang SC; + font-weight: 400; + font-size: px2rem(24); + color: #FFFFFF; + font-style: normal; + text-transform: none; + } + + img { + width: px2rem(34); + height: px2rem(34); + } } } } @@ -832,6 +887,7 @@ body { font-weight: 400; color: #313131; line-height: px2rem(36); + strong { font-weight: 600; } @@ -964,7 +1020,9 @@ body { } .arabic { - .header .inveMember,.quitAgency { + + .header .inveMember, + .quitAgency { right: auto; left: px2rem(32); } @@ -1019,4 +1077,7 @@ body { left: auto; right: 0; } + .weeklyRewards .weeklyRewards_in .go_weeklyRewards img{ + transform: rotate(180deg); + } } \ No newline at end of file diff --git a/view/eparty/modules/guild-ar/css/weeklyRewards.css b/view/eparty/modules/guild-ar/css/weeklyRewards.css index 291da1d..e72b853 100644 --- a/view/eparty/modules/guild-ar/css/weeklyRewards.css +++ b/view/eparty/modules/guild-ar/css/weeklyRewards.css @@ -1,3 +1,4 @@ +@charset "UTF-8"; html, body { width: 100%; @@ -6,252 +7,508 @@ body { .back { width: 100%; - height: 2.34667rem; + height: 2.3466666667rem; background: #fff; position: fixed; left: 0; top: 0; z-index: 2; } - .back .backIcon { - width: 0.58667rem; - height: 0.58667rem; + width: 0.5866666667rem; + height: 0.5866666667rem; position: absolute; - left: 0.42667rem; - top: 1.46667rem; + left: 0.4266666667rem; + top: 1.4666666667rem; z-index: 2; } - .back b { width: 100%; - height: 0.58667rem; - line-height: 0.58667rem; + height: 0.5866666667rem; + line-height: 0.5866666667rem; text-align: center; position: absolute; - top: 1.46667rem; + top: 1.4666666667rem; left: 50%; transform: translateX(-50%); color: #313131; font-size: 0.48rem; font-weight: 600; } - .back .why { - width: 0.58667rem; - height: 0.58667rem; + width: 0.5866666667rem; + height: 0.5866666667rem; position: absolute; - right: 0.42667rem; - top: 1.46667rem; + right: 0.4266666667rem; + top: 1.4666666667rem; z-index: 2; } .tab { - width: 9.14667rem; - height: 0.58667rem; - line-height: 0.58667rem; - margin: 2.64rem auto 0.29333rem; + width: 9.1466666667rem; + height: 0.5866666667rem; + line-height: 0.5866666667rem; + margin: 2.64rem auto 0.6666666667rem; display: flex; justify-content: space-around; } - .tab div { color: #7B7B7D; - font-size: 0.37333rem; + font-size: 0.3733333333rem; font-weight: 400; } - .tab .act { color: #FF8C03; - font-size: 0.42667rem; + font-size: 0.4266666667rem; } -.box { - width: 9.14667rem; - background: linear-gradient(180deg, #FFA13C 0%, #FF563D 100%); - border-radius: 0.42667rem; - box-sizing: border-box; - padding: 1.01333rem 0.24rem 0.24rem; +.contant_box { + background: linear-gradient(180deg, #533CFF 0%, #3DA8FF 100%); + border-radius: 0.4266666667rem; + margin: 0 0.4266666667rem; + padding: 0.3466666667rem; position: relative; - margin: 0 auto; } - -.box .topImg { - width: 9.14667rem; - height: 1.01333rem; +.contant_box .book_top { position: absolute; - left: 50%; - transform: translateX(-50%); - top: 0; + right: 0; + top: -0.6666666667rem; } - -.box .title { - width: 9.14667rem; - height: 1.01333rem; - position: absolute; - left: 50%; - transform: translateX(-50%); - top: 0; - line-height: 1.01333rem; - text-align: center; +.contant_box .book_top img { + width: 2rem; + height: 1.7866666667rem; +} +.contant_box .Countdown_box { + margin: 0.3466666667rem 0; +} +.contant_box .Countdown_box .Countdown { + font-family: PingFang SC, PingFang SC; + font-weight: 400; + font-size: 0.32rem; color: #FFFFFF; - font-size: 0.37333rem; + line-height: 0.4533333333rem; + font-style: normal; + text-transform: none; +} +.contant_box .Countdown_box .day_txt, +.contant_box .Countdown_box .hour_txt, +.contant_box .Countdown_box .min_txt, +.contant_box .Countdown_box .secs_txt { + background: #FFFFFF; + border-radius: 0.08rem; + font-family: PingFang SC, PingFang SC; + font-weight: 500; + font-size: 0.32rem; + color: #6152FF; + font-style: normal; + text-transform: none; + padding: 0.0266666667rem 0.0533333333rem; +} +.contant_box .Countdown_box .Day, +.contant_box .Countdown_box span { + font-family: PingFang SC, PingFang SC; + font-weight: 400; + font-size: 0.32rem; + color: #FFFFFF; + line-height: 0.4533333333rem; + font-style: normal; + text-transform: none; +} +.contant_box .Level_box { + background: #FFFFFF; + border-radius: 0.2133333333rem; + padding: 0.2666666667rem 0.24rem; +} +.contant_box .Level_box .Host_Level { + font-family: PingFang SC, PingFang SC; + font-weight: 400; + font-size: 0.32rem; + color: #313131; + line-height: 0.4533333333rem; + font-style: normal; + text-transform: none; +} +.contant_box .Level_box .progress_box { + position: relative; + /* 进度条样式 */ +} +.contant_box .Level_box .progress_box .progress-container { + height: 0.4533333333rem; + background-color: #F0D2FF; + overflow: hidden; + margin: 0.1333333333rem 0.2666666667rem; +} +.contant_box .Level_box .progress_box .progress-container .progress-bar { + height: 100%; + background: #C859FF; + transition: width 0.3s ease; + position: relative; +} +.contant_box .Level_box .progress_box .preLevel { + background: url(../images/level_bg.png) no-repeat; + background-size: cover; + width: 0.64rem; + height: 0.64rem; + position: absolute; + z-index: 99; + left: -0.1333333333rem; + top: -0.08rem; + font-family: PingFang SC, PingFang SC; font-weight: 600; + font-size: 0.2666666667rem; + color: #313131; + font-style: normal; + text-transform: none; + display: flex; + align-items: center; + justify-content: center; } - -.box ul { - width: 8.66667rem; - margin: 0 auto; +.contant_box .Level_box .progress_box .curLevel { + background: url(../images/level_bg.png) no-repeat; + background-size: cover; + width: 0.64rem; + height: 0.64rem; + position: absolute; + z-index: 99; + right: -0.1333333333rem; + top: -0.08rem; + font-family: PingFang SC, PingFang SC; + font-weight: 600; + font-size: 0.2666666667rem; + color: #313131; + font-style: normal; + text-transform: none; + display: flex; + align-items: center; + justify-content: center; } - -.box ul li { +.contant_box .Level_box .progress_box .processNum_box { + position: absolute; + display: flex; + align-items: center; + justify-content: center; + z-index: 99; + left: 50%; + translate: -50%; +} +.contant_box .Level_box .progress_box .processNum_box .processNum { + font-family: PingFang SC, PingFang SC; + font-weight: 600; + font-size: 0.32rem; + color: #313131; + font-style: normal; + text-transform: none; +} +.contant_box .Level_box .progress_box .processNum_box img { + width: 0.4533333333rem; + height: 0.4533333333rem; +} +.contant_box .Level_box .bottom_box { + display: flex; + align-items: center; + justify-content: space-between; +} +.contant_box .Level_box .bottom_box .preMaxNum_box { + display: flex; + align-items: center; +} +.contant_box .Level_box .bottom_box .preMaxNum_box .preMaxNum { + font-family: PingFang SC, PingFang SC; + font-weight: 400; + font-size: 0.32rem; + color: #7B7B7D; + line-height: 0.4533333333rem; + font-style: normal; + text-transform: none; +} +.contant_box .Level_box .bottom_box .preMaxNum_box img { + width: 0.2933333333rem; + height: 0.2933333333rem; +} +.contant_box .Level_box .bottom_box .maxNum_box { + display: flex; + align-items: center; +} +.contant_box .Level_box .bottom_box .maxNum_box .maxNum { + font-family: PingFang SC, PingFang SC; + font-weight: 400; + font-size: 0.32rem; + color: #7B7B7D; + line-height: 0.4533333333rem; + font-style: normal; + text-transform: none; +} +.contant_box .Level_box .bottom_box .maxNum_box img { + width: 0.2933333333rem; + height: 0.2933333333rem; +} +.contant_box .rewards_list { + margin-top: 2.2666666667rem; + position: relative; +} +.contant_box .rewards_list .top_info { + display: flex; + align-items: center; + position: absolute; + top: -1.7333333333rem; + left: 50%; + translate: -50%; width: 100%; - height: 2.16rem; - background: #fff; - margin: 0rem auto 0.24rem; - border-radius: 0.42667rem; - box-sizing: border-box; + z-index: 99; +} +.contant_box .rewards_list .top_info .left { + flex: 1; + font-family: PingFang SC, PingFang SC; + font-weight: 600; + font-size: 0.4266666667rem; + color: #FFFFFF; + text-align: center; + font-style: normal; + text-transform: none; + line-height: 0.5866666667rem; +} +.contant_box .rewards_list .top_info .middle img { + width: 0.2933333333rem; + height: 0.2933333333rem; +} +.contant_box .rewards_list .top_info .right { + flex: 1; +} +.contant_box .rewards_list .top_info .right .Extra_Rewards { + font-family: PingFang SC, PingFang SC; + font-weight: 600; + font-size: 0.4266666667rem; + color: #FFFFFF; + text-align: center; + font-style: normal; + text-transform: none; + line-height: 0.5866666667rem; +} +.contant_box .rewards_list .top_info .right .Complete_days, +.contant_box .rewards_list .top_info .right .mic_chat { + font-family: PingFang SC, PingFang SC; + font-weight: 400; + font-size: 0.2933333333rem; + color: #FFFFFF; + line-height: 0.4rem; + text-align: center; + font-style: normal; + text-transform: none; +} +.contant_box .rewards_list .rewards_box { + display: flex; + align-items: center; + margin-top: 0.64rem; +} +.contant_box .rewards_list .rewards_box .left_box { + flex: 1; + background: #FFFFFF; + border-radius: 0.32rem; + padding: 0.4rem 0.5866666667rem; + font-family: PingFang SC, PingFang SC; + font-weight: 600; + font-size: 0.4266666667rem; + color: #313131; + font-style: normal; + text-transform: none; + display: flex; + align-items: center; + justify-content: center; + position: relative; +} +.contant_box .rewards_list .rewards_box .left_box img { + width: 0.5866666667rem; + height: 0.5866666667rem; + margin: 0 0.0533333333rem; +} +.contant_box .rewards_list .rewards_box .left_box .status_img { + position: absolute; + top: -0.2666666667rem; + right: -0.2133333333rem; +} +.contant_box .rewards_list .rewards_box .right_box { + flex: 1; + background: #000000; + border-radius: 0.32rem; + padding: 0.4rem 0.5866666667rem; + font-family: PingFang SC, PingFang SC; + font-weight: 600; + font-size: 0.4266666667rem; + color: #FFDE3B; + font-style: normal; + text-transform: none; + display: flex; + align-items: center; + justify-content: center; + position: relative; +} +.contant_box .rewards_list .rewards_box .right_box img { + width: 0.5866666667rem; + height: 0.5866666667rem; + margin: 0 0.0533333333rem; +} +.contant_box .rewards_list .rewards_box .right_box .status_img { + position: absolute; + top: -0.2666666667rem; + right: -0.2133333333rem; + display: none; +} +.contant_box .rewards_list .rewards_box .middle_box { + margin: 0 0.2666666667rem; + position: relative; + /* 进度条样式 */ +} +.contant_box .rewards_list .rewards_box .middle_box .level { + background: url(../images/level_bg_big.png) no-repeat; + background-size: cover; + width: 0.8266666667rem; + height: 0.8266666667rem; + font-family: PingFang SC, PingFang SC; + font-weight: 600; + font-size: 0.2666666667rem; + color: #313131; + font-style: normal; + text-transform: none; + display: flex; + align-items: center; + justify-content: center; + position: relative; + z-index: 99; +} +.contant_box .rewards_list .rewards_box .middle_box .progress_box { + width: 0.16rem; + height: 1.3333333333rem; + background-color: rgba(255, 255, 255, 0.2); + overflow: hidden; + position: absolute; + left: 50%; + translate: -50%; + top: -1.2533333333rem; +} +.contant_box .rewards_list .rewards_box .middle_box .progress_box .progress_bar { + width: 100%; + background: #C859FF; + transition: width 0.3s ease; + position: relative; +} + +.bottom_fixed_box { + margin: 0.4266666667rem 0.4266666667rem 0; + position: fixed; + bottom: 0; + z-index: 999; +} +.bottom_fixed_box .top_box { + background: #000000; + border-radius: 0.4266666667rem 0.4266666667rem 0px 0px; + padding: 0.1866666667rem 0.3466666667rem; + font-family: PingFang SC, PingFang SC; + font-weight: 600; + font-size: 0.4266666667rem; + color: #FFDE3B; + font-style: normal; + text-transform: none; + position: absolute; + top: -0.72rem; +} +.bottom_fixed_box .bg_box { + background: url(../images/ExtraRewardsBg.png); + background-size: cover; + height: 3.1733333333rem; + width: 9.1466666667rem; +} +.bottom_fixed_box .bg_box .title { + font-family: PingFang SC, PingFang SC; + font-weight: 400; + font-size: 0.32rem; + color: #FFDE3B; + line-height: 0.4533333333rem; + font-style: normal; + text-transform: none; + padding: 0.2666666667rem 0.24rem 0; +} +.bottom_fixed_box .bg_box .Days { + font-family: PingFang SC, PingFang SC; + font-weight: 400; + font-size: 0.32rem; + color: #FFDE3B; + line-height: 0.4533333333rem; + font-style: normal; + text-transform: none; + margin-top: 0.08rem; padding: 0 0.24rem; } - -.box ul li .left { - float: left; - width: 1.68rem; -} - -.box ul li .left .gold { - width: 0.58667rem; - height: 0.58667rem; - margin-top: 0.64rem; - display: block; - margin: 0.24rem auto 0.02667rem; -} - -.box ul li .left span { - display: block; - width: 100%; - text-align: center; - color: #313131; - font-size: 0.34667rem; - font-weight: 600; - height: 0.48rem; - line-height: 0.48rem; - margin: 0 auto 0.08rem; -} - -.box ul li .left .get { - width: 1.38667rem; - height: 0.50667rem; - line-height: 0.50667rem; - text-align: center; - color: #AFB1B3; - font-size: 0.32rem; - font-weight: 500; - border-radius: 0.50667rem; - border: 0.02667rem solid #AFB1B3; - margin: 0 auto; -} - -.box ul li .left .getAct { - background: linear-gradient(270deg, #E29030 0%, #FCC074 100%); - border: none; - color: #fff; -} - -.box ul li .left .getOut { - background: #CDCED6; - border: none; - color: #fff; -} - -.box ul li .right { - float: right; - width: 6.21333rem; - margin-top: 0.4rem; -} - -.box ul li .right .textTop { - width: 100%; - height: 0.45333rem; - line-height: 0.45333rem; - display: flex; - justify-content: space-between; - margin: 0 auto 0.21333rem; -} - -.box ul li .right .textTop .l { - color: #313131; - font-size: 0.34667rem; - font-weight: 500; -} - -.box ul li .right .textTop .r { - color: #7B7B7D; - font-size: 0.32rem; - font-weight: 400; -} - -.box ul li .right .textTop .r img { - display: inline-block; - width: 0.45333rem; - height: 0.45333rem; - margin: 0 0.05333rem; -} - -.box ul li .right .line { - width: 100%; - height: 0.21333rem; - position: relative; - background: #FCD7B3; - border-radius: 0.21333rem; - position: relative; +.bottom_fixed_box .bg_box .progress_box { + height: 0.1333333333rem; + background-color: #FFFFFF; overflow: hidden; + margin: 0.1333333333rem 0.2666666667rem; + border-radius: 6.6933333333rem; } - -.box ul li .right .line .line_in { - width: 10%; +.bottom_fixed_box .bg_box .progress_box .progress_bar { height: 100%; - background: #FF8C00; - position: absolute; - left: 0; - top: 0; + background: #FFCF10; + transition: width 0.3s ease; + position: relative; } - -.box ul li .right .speedOfProgress { - width: 100%; - display: flex; - justify-content: space-between; - margin-top: 0.08rem; - height: 0.45333rem; - line-height: 0.45333rem; -} - -.box ul li .right .speedOfProgress span, .box ul li .right .speedOfProgress b { - color: #7B7B7D; - font-size: 0.32rem; +.bottom_fixed_box .bg_box .txt_num { + font-family: PingFang SC, PingFang SC; font-weight: 400; + font-size: 0.32rem; + color: #FFDE3B; + line-height: 0.4533333333rem; + font-style: normal; + text-transform: none; + margin-top: 0.1333333333rem; + padding: 0 0.24rem; + display: flex; + align-items: center; + justify-content: space-between; } +.arabic .contant_box .rewards_list { + margin-top: 2.5333333333rem; +} +.arabic .top_info { + top: -1.9466666667rem !important; +} .arabic .back .backIcon { left: auto; - right: 0.42667rem; + right: 0.4266666667rem; transform: rotate(180deg); } - .arabic .back .why { right: auto; - left: 0.42667rem; + left: 0.4266666667rem; } - .arabic .box ul li .left { float: right; } - .arabic .box ul li .right { float: left; } - .arabic .box ul li .right .line .line_in { left: auto; right: 0; } +.arabic .contant_box .book_top { + left: 0; + right: auto; +} + +.Turkiye .contant_box .rewards_list { + margin-top: 2.5333333333rem; +} +.Turkiye .top_info { + top: -1.9466666667rem !important; +} + +.brazil .contant_box .rewards_list .top_info .middle img { + margin-top: 0.5333333333rem; +} +.brazil .contant_box .rewards_list { + margin-top: 2.8rem; +} +.brazil .top_info { + top: -2.5066666667rem !important; +} \ No newline at end of file diff --git a/view/eparty/modules/guild-ar/css/weeklyRewards.scss b/view/eparty/modules/guild-ar/css/weeklyRewards.scss index 07e02f8..78e55d3 100644 --- a/view/eparty/modules/guild-ar/css/weeklyRewards.scss +++ b/view/eparty/modules/guild-ar/css/weeklyRewards.scss @@ -55,7 +55,7 @@ body { width: px2rem(686); height: px2rem(44); line-height: px2rem(44); - margin: px2rem(198) auto px2rem(22); + margin: px2rem(198) auto px2rem(50); display: flex; justify-content: space-around; @@ -72,172 +72,471 @@ body { } } -.box { - width: px2rem(686); - background: linear-gradient(180deg, #FFA13C 0%, #FF563D 100%); +.contant_box { + background: linear-gradient(180deg, #533CFF 0%, #3DA8FF 100%); border-radius: px2rem(32); - box-sizing: border-box; - padding: px2rem(76) px2rem(18) px2rem(18); + margin: 0 px2rem(32); + padding: px2rem(26); position: relative; - margin: 0 auto; - .topImg { - width: px2rem(686); - height: px2rem(76); + .book_top { position: absolute; - left: 50%; - transform: translateX(-50%); - top: 0; + right: 0; + top: px2rem(-50); + + img { + width: px2rem(150); + height: px2rem(134); + } } - .title { - width: px2rem(686); - height: px2rem(76); - position: absolute; - left: 50%; - transform: translateX(-50%); - top: 0; - line-height: px2rem(76); - text-align: center; - color: #FFFFFF; - font-size: px2rem(28); - font-weight: 600; + .Countdown_box { + margin: px2rem(26) 0; + + .Countdown { + font-family: PingFang SC, PingFang SC; + font-weight: 400; + font-size: px2rem(24); + color: #FFFFFF; + line-height: px2rem(34); + font-style: normal; + text-transform: none; + } + + .day_txt, + .hour_txt, + .min_txt, + .secs_txt { + background: #FFFFFF; + border-radius: px2rem(6); + font-family: PingFang SC, PingFang SC; + font-weight: 500; + font-size: px2rem(24); + color: #6152FF; + font-style: normal; + text-transform: none; + padding: px2rem(2) px2rem(4); + } + + .Day, + span { + font-family: PingFang SC, PingFang SC; + font-weight: 400; + font-size: px2rem(24); + color: #FFFFFF; + line-height: px2rem(34); + font-style: normal; + text-transform: none; + } + } - ul { - width: px2rem(650); - margin: 0 auto; + .Level_box { + background: #FFFFFF; + border-radius: px2rem(16); + padding: px2rem(20) px2rem(18); - li { + .Host_Level { + font-family: PingFang SC, PingFang SC; + font-weight: 400; + font-size: px2rem(24); + color: #313131; + line-height: px2rem(34); + font-style: normal; + text-transform: none; + } + + .progress_box { + position: relative; + + /* 进度条样式 */ + .progress-container { + // width: 100%; + height: px2rem(34); + background-color: #F0D2FF; + overflow: hidden; + margin: px2rem(10) px2rem(20); + + + .progress-bar { + height: 100%; + background: #C859FF; + transition: width 0.3s ease; + position: relative; + } + } + + .preLevel { + background: url(../images/level_bg.png) no-repeat; + background-size: cover; + width: px2rem(48); + height: px2rem(48); + position: absolute; + z-index: 99; + left: px2rem(-10); + top: px2rem(-6); + font-family: PingFang SC, PingFang SC; + font-weight: 600; + font-size: px2rem(20); + color: #313131; + font-style: normal; + text-transform: none; + display: flex; + align-items: center; + justify-content: center; + } + + .curLevel { + background: url(../images/level_bg.png) no-repeat; + background-size: cover; + width: px2rem(48); + height: px2rem(48); + position: absolute; + z-index: 99; + right: px2rem(-10); + top: px2rem(-6); + font-family: PingFang SC, PingFang SC; + font-weight: 600; + font-size: px2rem(20); + color: #313131; + font-style: normal; + text-transform: none; + display: flex; + align-items: center; + justify-content: center; + } + + .processNum_box { + position: absolute; + display: flex; + align-items: center; + justify-content: center; + z-index: 99; + left: 50%; + translate: -50%; + + .processNum { + font-family: PingFang SC, PingFang SC; + font-weight: 600; + font-size: px2rem(24); + color: #313131; + font-style: normal; + text-transform: none; + } + + img { + width: px2rem(34); + height: px2rem(34); + } + } + } + + .bottom_box { + display: flex; + align-items: center; + justify-content: space-between; + + .preMaxNum_box { + display: flex; + align-items: center; + + .preMaxNum { + font-family: PingFang SC, PingFang SC; + font-weight: 400; + font-size: px2rem(24); + color: #7B7B7D; + line-height: px2rem(34); + font-style: normal; + text-transform: none; + } + + img { + width: px2rem(22); + height: px2rem(22); + } + } + + .maxNum_box { + display: flex; + align-items: center; + + .maxNum { + font-family: PingFang SC, PingFang SC; + font-weight: 400; + font-size: px2rem(24); + color: #7B7B7D; + line-height: px2rem(34); + font-style: normal; + text-transform: none; + } + + img { + width: px2rem(22); + height: px2rem(22); + } + } + } + } + + .rewards_list { + margin-top: px2rem(170); + position: relative; + + .top_info { + display: flex; + align-items: center; + position: absolute; + top: px2rem(-130); + left: 50%; + translate: -50%; width: 100%; - height: px2rem(162); - background: #fff; - margin: px2rem(0) auto px2rem(18); - border-radius: px2rem(32); - box-sizing: border-box; - padding: 0 px2rem(18); + z-index: 99; .left { - float: left; - width: px2rem(126); + flex: 1; + font-family: PingFang SC, PingFang SC; + font-weight: 600; + font-size: px2rem(32); + color: #FFFFFF; + text-align: center; + font-style: normal; + text-transform: none; + line-height: px2rem(44); + } - .gold { - width: px2rem(44); - height: px2rem(44); - margin-top: px2rem(48); - display: block; - margin: px2rem(18) auto px2rem(2); - } - - span { - display: block; - width: 100%; - text-align: center; - color: #313131; - font-size: px2rem(26); - font-weight: 600; - height: px2rem(36); - line-height: px2rem(36); - margin: 0 auto px2rem(6); - } - - .get { - width: px2rem(104); - height: px2rem(38); - line-height: px2rem(38); - text-align: center; - color: #AFB1B3; - font-size: px2rem(24); - font-weight: 500; - border-radius: px2rem(38); - border: px2rem(2) solid #AFB1B3; - margin: 0 auto; - } - - .getAct { - background: linear-gradient(270deg, #E29030 0%, #FCC074 100%); - border: none; - color: #fff; - } - .getOut { - background: #CDCED6; - border: none; - color: #fff; + .middle { + img { + width: px2rem(22); + height: px2rem(22); } } .right { - float: right; - width: px2rem(466); - margin-top: px2rem(30); + flex: 1; - .textTop { - width: 100%; - height: px2rem(34); - line-height: px2rem(34); - display: flex; - justify-content: space-between; - margin: 0 auto px2rem(16); + .Extra_Rewards { + font-family: PingFang SC, PingFang SC; + font-weight: 600; + font-size: px2rem(32); + color: #FFFFFF; + text-align: center; + font-style: normal; + text-transform: none; + line-height: px2rem(44); - .l { - color: #313131; - font-size: px2rem(26); - font-weight: 500; - } - - .r { - color: #7B7B7D; - font-size: px2rem(24); - font-weight: 400; - - img { - display: inline-block; - width: px2rem(34); - height: px2rem(34); - margin: 0 px2rem(4); - } - } } - .line { - width: 100%; - height: px2rem(16); - position: relative; - background: #FCD7B3; - border-radius: px2rem(16); + .Complete_days, + .mic_chat { + font-family: PingFang SC, PingFang SC; + font-weight: 400; + font-size: px2rem(22); + color: #FFFFFF; + line-height: px2rem(30); + text-align: center; + font-style: normal; + text-transform: none; + } + } + } + + .rewards_box { + display: flex; + align-items: center; + margin-top: px2rem(48); + + .left_box { + flex: 1; + + background: #FFFFFF; + border-radius: px2rem(24); + padding: px2rem(30) px2rem(44); + font-family: PingFang SC, PingFang SC; + font-weight: 600; + font-size: px2rem(32); + color: #313131; + font-style: normal; + text-transform: none; + display: flex; + align-items: center; + justify-content: center; + position: relative; + + img { + width: px2rem(44); + height: px2rem(44); + margin: 0 px2rem(4); + } + + .status_img { + position: absolute; + top: px2rem(-20); + right: px2rem(-16); + } + + } + + .right_box { + flex: 1; + background: #000000; + border-radius: px2rem(24); + padding: px2rem(30) px2rem(44); + font-family: PingFang SC, PingFang SC; + font-weight: 600; + font-size: px2rem(32); + color: #FFDE3B; + font-style: normal; + text-transform: none; + display: flex; + align-items: center; + justify-content: center; + position: relative; + + img { + width: px2rem(44); + height: px2rem(44); + margin: 0 px2rem(4); + } + + .status_img { + position: absolute; + top: px2rem(-20); + right: px2rem(-16); + display: none; + } + } + + .middle_box { + margin: 0 px2rem(20); + position: relative; + + .level { + background: url(../images/level_bg_big.png) no-repeat; + background-size: cover; + width: px2rem(62); + height: px2rem(62); + font-family: PingFang SC, PingFang SC; + font-weight: 600; + font-size: px2rem(20); + color: #313131; + font-style: normal; + text-transform: none; + display: flex; + align-items: center; + justify-content: center; position: relative; + z-index: 99; + } + + /* 进度条样式 */ + .progress_box { + width: px2rem(12); + height: px2rem(100); + background-color: rgba(255, 255, 255, 0.2); overflow: hidden; + position: absolute; + left: 50%; + translate: -50%; + top: px2rem(-94); - .line_in { - width: 10%; - height: 100%; - background: #FF8C00; - position: absolute; - left: 0; - top: 0; - } - } - - .speedOfProgress { - width: 100%; - display: flex; - justify-content: space-between; - margin-top: px2rem(6); - height: px2rem(34); - line-height: px2rem(34); - - span,b { - color: #7B7B7D; - font-size: px2rem(24); - font-weight: 400; + .progress_bar { + width: 100%; + background: #C859FF; + transition: width 0.3s ease; + position: relative; } } } + + } + } +} + +.bottom_fixed_box { + margin: px2rem(32)px2rem(32) 0; +position: fixed; +bottom: 0; +z-index: 999; + .top_box { +background: #000000; +border-radius: px2rem(32) px2rem(32) 0px 0px; +padding: px2rem(14) px2rem(26); +font-family: PingFang SC, PingFang SC; +font-weight: 600; +font-size: px2rem(32); +color: #FFDE3B; +font-style: normal; +text-transform: none; +position: absolute; +top: px2rem(-54); + } + + .bg_box { + background: url(../images/ExtraRewardsBg.png); + background-size: cover; + height: px2rem(238); + width: px2rem(686); + .title { + font-family: PingFang SC, PingFang SC; + font-weight: 400; + font-size: px2rem(24); + color: #FFDE3B; + line-height: px2rem(34); + font-style: normal; + text-transform: none; + padding: px2rem(20) px2rem(18) 0; + } + .Days{ + font-family: PingFang SC, PingFang SC; + font-weight: 400; + font-size: px2rem(24); + color: #FFDE3B; + line-height: px2rem(34); + font-style: normal; + text-transform: none; + margin-top: px2rem(6); + padding:0 px2rem(18); + } + .progress_box{ + // width: 100%; + height: px2rem(10); + background-color: #FFFFFF; + overflow: hidden; + margin: px2rem(10) px2rem(20); + border-radius: px2rem(502); + .progress_bar { + height: 100%; + background: #FFCF10; + transition: width 0.3s ease; + position: relative; + } + } + .txt_num{ + font-family: PingFang SC, PingFang SC; + font-weight: 400; + font-size: px2rem(24); + color: #FFDE3B; + line-height: px2rem(34); + font-style: normal; + text-transform: none; + margin-top: px2rem(10); + padding:0 px2rem(18); + display: flex; + align-items: center; + justify-content: space-between; } } } .arabic { + .contant_box .rewards_list { + margin-top: px2rem(190); + } + + .top_info { + top: px2rem(-146) !important; + } + .back .backIcon { left: auto; right: px2rem(32); @@ -248,14 +547,45 @@ body { right: auto; left: px2rem(32); } - .box ul li .left{ + + .box ul li .left { float: right; } - .box ul li .right{ + + .box ul li .right { float: left; } - .box ul li .right .line .line_in{ + + .box ul li .right .line .line_in { left: auto; right: 0; } +.contant_box .book_top{ + left: 0; + right:auto +} +} + +.Turkiye { + .contant_box .rewards_list { + margin-top: px2rem(190); + } + + .top_info { + top: px2rem(-146) !important; + } +} + +.brazil { + .contant_box .rewards_list .top_info .middle img { + margin-top: px2rem(40); + } + + .contant_box .rewards_list { + margin-top: px2rem(210); + } + + .top_info { + top: px2rem(-188) !important; + } } \ No newline at end of file diff --git a/view/eparty/modules/guild-ar/css/weeklyRewardsRule.css b/view/eparty/modules/guild-ar/css/weeklyRewardsRule.css index 5c08102..02f94e1 100644 --- a/view/eparty/modules/guild-ar/css/weeklyRewardsRule.css +++ b/view/eparty/modules/guild-ar/css/weeklyRewardsRule.css @@ -6,30 +6,28 @@ body { .back { width: 100%; - height: 2.34667rem; + height: 2.3466666667rem; background: #fff; position: fixed; left: 0; top: 0; z-index: 2; } - .back .backIcon { - width: 0.58667rem; - height: 0.58667rem; + width: 0.5866666667rem; + height: 0.5866666667rem; position: absolute; - left: 0.42667rem; - top: 1.46667rem; + left: 0.4266666667rem; + top: 1.4666666667rem; z-index: 2; } - .back b { width: 100%; - height: 0.58667rem; - line-height: 0.58667rem; + height: 0.5866666667rem; + line-height: 0.5866666667rem; text-align: center; position: absolute; - top: 1.46667rem; + top: 1.4666666667rem; left: 50%; transform: translateX(-50%); color: #313131; @@ -38,16 +36,16 @@ body { } .text { - width: 9.14667rem; - margin: 2.61333rem auto 0.32rem; + width: 9.1466666667rem; + margin: 2.6133333333rem auto 0.32rem; color: #313131; - font-size: 0.37333rem; - font-weight: 500; - line-height: 0.53333rem; + font-size: 0.3733333333rem; + font-weight: 400; + line-height: 0.5333333333rem; } img { display: block; - width: 9.14667rem; + width: 9.1466666667rem; margin: 0 auto 0.4rem; -} +} \ No newline at end of file diff --git a/view/eparty/modules/guild-ar/css/weeklyRewardsRule.scss b/view/eparty/modules/guild-ar/css/weeklyRewardsRule.scss index 32d8948..68e3a6a 100644 --- a/view/eparty/modules/guild-ar/css/weeklyRewardsRule.scss +++ b/view/eparty/modules/guild-ar/css/weeklyRewardsRule.scss @@ -47,7 +47,7 @@ body { margin: px2rem(196) auto px2rem(24); color: #313131; font-size: px2rem(28); - font-weight: 500; + font-weight: 400; line-height: px2rem(40); } diff --git a/view/eparty/modules/guild-ar/images/ExtraRewardsBg.png b/view/eparty/modules/guild-ar/images/ExtraRewardsBg.png new file mode 100644 index 0000000..1ea9340 Binary files /dev/null and b/view/eparty/modules/guild-ar/images/ExtraRewardsBg.png differ diff --git a/view/eparty/modules/guild-ar/images/book.png b/view/eparty/modules/guild-ar/images/book.png new file mode 100644 index 0000000..d2da6d7 Binary files /dev/null and b/view/eparty/modules/guild-ar/images/book.png differ diff --git a/view/eparty/modules/guild-ar/images/epconis.png b/view/eparty/modules/guild-ar/images/epconis.png new file mode 100644 index 0000000..8fce832 Binary files /dev/null and b/view/eparty/modules/guild-ar/images/epconis.png differ diff --git a/view/eparty/modules/guild-ar/images/level_bg.png b/view/eparty/modules/guild-ar/images/level_bg.png new file mode 100644 index 0000000..bf169d1 Binary files /dev/null and b/view/eparty/modules/guild-ar/images/level_bg.png differ diff --git a/view/eparty/modules/guild-ar/images/level_bg_big.png b/view/eparty/modules/guild-ar/images/level_bg_big.png new file mode 100644 index 0000000..3e96683 Binary files /dev/null and b/view/eparty/modules/guild-ar/images/level_bg_big.png differ diff --git a/view/eparty/modules/guild-ar/images/travel/arrow_right_white.png b/view/eparty/modules/guild-ar/images/travel/arrow_right_white.png new file mode 100644 index 0000000..e729cb7 Binary files /dev/null and b/view/eparty/modules/guild-ar/images/travel/arrow_right_white.png differ diff --git a/view/eparty/modules/guild-ar/images/weeklyRewardsRule2-ar.png b/view/eparty/modules/guild-ar/images/weeklyRewardsRule2-ar.png index 134a909..996721e 100644 Binary files a/view/eparty/modules/guild-ar/images/weeklyRewardsRule2-ar.png and b/view/eparty/modules/guild-ar/images/weeklyRewardsRule2-ar.png differ diff --git a/view/eparty/modules/guild-ar/images/weeklyRewardsRule2.png b/view/eparty/modules/guild-ar/images/weeklyRewardsRule2.png index d650fc7..1c754e7 100644 Binary files a/view/eparty/modules/guild-ar/images/weeklyRewardsRule2.png and b/view/eparty/modules/guild-ar/images/weeklyRewardsRule2.png differ diff --git a/view/eparty/modules/guild-ar/images/weiwancheng.png b/view/eparty/modules/guild-ar/images/weiwancheng.png new file mode 100644 index 0000000..12fa768 Binary files /dev/null and b/view/eparty/modules/guild-ar/images/weiwancheng.png differ diff --git a/view/eparty/modules/guild-ar/images/yilingqu.png b/view/eparty/modules/guild-ar/images/yilingqu.png new file mode 100644 index 0000000..4131ca9 Binary files /dev/null and b/view/eparty/modules/guild-ar/images/yilingqu.png differ diff --git a/view/eparty/modules/guild-ar/images/yuandian.png b/view/eparty/modules/guild-ar/images/yuandian.png new file mode 100644 index 0000000..7e6c067 Binary files /dev/null and b/view/eparty/modules/guild-ar/images/yuandian.png differ diff --git a/view/eparty/modules/guild-ar/index.html b/view/eparty/modules/guild-ar/index.html index f9707a2..4f2604a 100644 --- a/view/eparty/modules/guild-ar/index.html +++ b/view/eparty/modules/guild-ar/index.html @@ -1,55 +1,54 @@ - - - - + + + - - - + + + - +
- - + +
- - -
- -
-
- -
- - 邀请成员 -
- -
- - 退出公会 -
- - - + + +
+ +
+
+ +
+ + 邀请成员 +
+ +
+ + 退出公会 +
+ + + - - - - - - - - - - + + + + + + + + + + -
-
-
- - -
-
- - -
- - - + + +
-
- - - +
+ + + +
+
+
+
+ + + + + : + + : +
-
- -
-
-
- - 0K -
-
-
-
-
1
-
- 0/0 -
-
-
-
-
-
- 0 - 0 -
-
+
+
+
+
+
+
+
+
-
+
+
+
+
+
+
+ +
+
+
+ +
+
+
+
+
+ +
+
-
- - +
+ + +
+
+

+

+
+
-
-

-

-
-
-
-
-
-
-
+
+
+
+
-
- - (0) - - -
-
    - -
+
-
- -

Removing Members

-

- Before you decide to remove the member, please note the following:

- Diamond turnover and salary reset:
- Once you remove the member, the diamond turnover and salary accumulated by the member in the agency will be reset.

- Please consider your decision carefully. -

-
-
-
-
+
+ +

Removing Members

+

+ Before you decide to remove the member, please note the following:

+ Diamond turnover and salary reset:
+ Once you remove the member, the diamond turnover and salary + accumulated by the member in the agency will be reset.

+ Please consider your decision carefully. +

+
+
+
+
- - - + @@ -212,4 +226,4 @@ - \ No newline at end of file + diff --git a/view/eparty/modules/guild-ar/js/index.js b/view/eparty/modules/guild-ar/js/index.js index dc1955e..ccfe3a0 100644 --- a/view/eparty/modules/guild-ar/js/index.js +++ b/view/eparty/modules/guild-ar/js/index.js @@ -108,6 +108,11 @@ function translateFun() { $('.weeklyRewardsText4').text(langReplace(localLang.demoModule.weeklyRewardsText4)); $('.Game_income').text(langReplace(localLang.demoModule.Game_income)); $('.Diamond_income').text(langReplace(localLang.demoModule.Diamond_income)); + $('.Total_coins').text(langReplace(localLang.demoModule.Total_coins)); + $('.Countdown').text(langReplace(localLang.demoModule.Countdown)); + $('.Day').text(langReplace(localLang.demoModule.Day)); + $('.Host_Level').text(langReplace(localLang.demoModule.Host_Level)); + $('.Reward_detail').text(langReplace(localLang.demoModule.Reward_detail)); // $('.weeklyRewardsText5').text(langReplace(localLang.demoModule.weeklyRewardsText5)); } // 判断公会身份函数 @@ -154,11 +159,11 @@ function get() { if (partitionId == 8) { $('.weeklyRewards').hide(); } - if (partitionId == 2) { - $('.weeklyRewardsText2').text(langReplace(localLang.demoModule.weeklyRewardsText2)); - } else if (partitionId == 8) { - $('.weeklyRewardsText2').text(langReplace(localLang.demoModule.weeklyRewardsText22)); - } + // if (partitionId == 2) { + // $('.weeklyRewardsText2').text(langReplace(localLang.demoModule.weeklyRewardsText2)); + // } else if (partitionId == 8) { + // $('.weeklyRewardsText2').text(langReplace(localLang.demoModule.weeklyRewardsText22)); + // } if(partitionId == 16){ $('.weeklyRewardsText5').text(langReplace(localLang.demoModule.weeklyRewardsText6)); $('.headerBox .headerBox_in div .why').hide(); @@ -251,27 +256,25 @@ function get() { }); $('.guildList ul').append(str); // 渲染周奖励 - // if (res.data.weekLevelReward.dateRange && res.data.weekLevelReward.itemList[0]) { - // $('.weeklyRewards .weeklyRewards_in .box .left span').text(unitProcessingAr(res.data.weekLevelReward.itemList[0].rewardNum, 2)); - // $('.weeklyRewards .weeklyRewards_in .box .right .textTop .l b').text(res.data.weekLevelReward.itemList[0].level); - // $('.weeklyRewards .weeklyRewards_in .box .right .textTop .r .b1').text(res.data.weekLevelReward.itemList[0].processNum + res.data.weekLevelReward.itemList[0].preMaxNum); - // $('.weeklyRewards .weeklyRewards_in .box .right .textTop .r .b2').text(res.data.weekLevelReward.itemList[0].maxNum); - // $('.weeklyRewards .weeklyRewards_in .box .right .speedOfProgress span').text(res.data.weekLevelReward.itemList[0].preMaxNum); - // $('.weeklyRewards .weeklyRewards_in .box .right .speedOfProgress b').text(res.data.weekLevelReward.itemList[0].maxNum); - // var widthVal = ((res.data.weekLevelReward.itemList[0].processNum + res.data.weekLevelReward.itemList[0].preMaxNum) - (res.data.weekLevelReward.itemList[0].preMaxNum)) / (res.data.weekLevelReward.itemList[0].maxNum - res.data.weekLevelReward.itemList[0].preMaxNum) * 100 - // $('.weeklyRewards .weeklyRewards_in .box .right .line .line_in').css('width', `${widthVal}%`); - // $('.weeklyRewards .weeklyRewards_in .box .left .get').attr('id', res.data.weekLevelReward.itemList[0].id); - // if (res.data.weekLevelReward.itemList[0].status == 1) { - // $('.weeklyRewards .weeklyRewards_in .box .left .get').addClass('getAct'); - // $('.weeklyRewards .weeklyRewards_in .box .left .get').attr('status', res.data.weekLevelReward.itemList[0].status); - // } - // if (res.data.weekLevelReward.itemList[0].status == 2) { - // $('.weeklyRewards .weeklyRewards_in .box .left .get').addClass('getOut'); - // $('.weeklyRewards .weeklyRewards_in .box .left .get').text(langReplace(localLang.weeklyRewards.text5)) - // } - // } else { - // $('.weeklyRewards').hide(); - // } + if (res.data.weekLevelReward) { + let weekLevelData = res.data.weekLevelReward + countup(weekLevelData.countDownSecond); + $('.preMaxNum').text(weekLevelData.preMaxNum); + $('.maxNum').text(weekLevelData.maxNum); + $('.processNum').text(weekLevelData.processNum); + if (window.lang.code == 'ar') { + $('.preLevel').text(weekLevelData.curLevel); + $('.curLevel').text(weekLevelData.preLevel); + } else { + $('.preLevel').text(weekLevelData.preLevel); + $('.curLevel').text(weekLevelData.curLevel); + } + // 计算进度条 + let progressWidth = Math.min(100, Math.round((weekLevelData.processNum - weekLevelData.preMaxNum) / (weekLevelData.maxNum - weekLevelData.preMaxNum) * 100)); + $('.progress-bar').css('width', progressWidth + '%'); + } else { + $('.weeklyRewards').hide(); + } } else { toastMsg(res.message) } @@ -500,3 +503,66 @@ $('.Game_incomeBox').click(function (params) { // console.log("失焦"); // $('.headerBox').css('margin','-0.4rem auto 0rem') // }); +var countupTime1;//倒计时容器 +// 倒計時 +function countup(leftTime, type) { + clearTimeout(countupTime1) + //獲取當前時間 + // var now = nowTime; + var d = 0; + var h = 0; + var m = 0; + var s = 0; + //定義變數 d,h,m,s保存倒計時的時間 + var d, h, m, s; + //遞歸每秒調⽤countTime⽅法，顯⽰動態時間效果 + if (leftTime > 0) { + d = getzf(Math.floor(leftTime / 60 / 60 / 24)); + h = getzf(Math.floor(leftTime / 60 / 60 % 24)); + m = getzf(Math.floor(leftTime / 60 % 60)); + s = getzf(Math.floor(leftTime % 60)); + console.log(d,h,m,s) + //將倒計時賦值到div中 + $('.day_txt').text(d); + $('.hour_txt').text(h); + $('.min_txt').text(m); + $('.secs_txt').text(s); + } else{ + $('.day_txt').text('00'); + $('.hour_txt').text('00'); + $('.min_txt').text('00'); + $('.secs_txt').text('00'); + } + if (leftTime > 0) { + leftTime = leftTime - 1; + }else{ + clearTimeout(countupTime1); + } + countupTime1 = setTimeout(function () { + countup(leftTime); + }, 1000); +} +//补0操作 +function getzf(num) { + if (parseInt(num) < 10) { + num = '0' + num; + } + return num; +} +$('.go_weeklyRewards').click(function(){ + window.location.href = `./weeklyRewards.html` +}) +// 清除计时器 +function pauseCountdown() { + clearInterval(countupTime1); +} +// 监听页面显示事件 +document.addEventListener('visibilitychange', () => { + if (document.hidden) { + pauseCountdown(); + } else { + // 重新请求接口获取最新的倒计时数据 + pauseCountdown(); + get(); + } +}); \ No newline at end of file diff --git a/view/eparty/modules/guild-ar/js/weeklyRewards.js b/view/eparty/modules/guild-ar/js/weeklyRewards.js index 514084e..0d6766a 100644 --- a/view/eparty/modules/guild-ar/js/weeklyRewards.js +++ b/view/eparty/modules/guild-ar/js/weeklyRewards.js @@ -33,8 +33,7 @@ var page = 0; var maxPage = 0; var arr = []; var music = true; -var data; -var totalReward; +var weekRewardData; // 初始化函數 $(function () { getInfoFromClient(); @@ -71,10 +70,21 @@ function translateFun() { $('.text3').text(langReplace(localLang.weeklyRewards.text3)); $('.text4').text(langReplace(localLang.weeklyRewards.text4)); $('.text5').text(langReplace(localLang.weeklyRewards.text5)); + $('.Day').text(langReplace(localLang.demoModule.Day)); + $('.Countdown').text(langReplace(localLang.demoModule.Countdown)); + $('.Host_Level').text(langReplace(localLang.demoModule.Host_Level)); + $('.Daily_Rewards').text(langReplace(localLang.demoModule.Daily_Rewards)); + $('.Extra_Rewards').text(langReplace(localLang.demoModule.Extra_Rewards)); + $('.Complete_days').text(langReplace(localLang.demoModule.Complete_days)); + $('.mic_chat').text(langReplace(localLang.demoModule.mic_chat)); + $('.Unlock_time').text(langReplace(localLang.demoModule.Unlock_time)); + $('.Days').text(langReplace(localLang.demoModule.Days)); + } +var tabActive = 0; // 配置接口 function getConfig() { - $('.box ul li').remove(); + $('.rewards_list .rewards_box').remove(); $('.tab div').remove(); showLoading() networkRequest({ @@ -82,21 +92,22 @@ function getConfig() { url: urlPrefix + '/guildMemberWeekLevelReward/get', success(res) { if (res.code === 200) { - data = res.data; - totalReward = res.data[0].totalReward; + weekRewardData = res.data; var tabStr = ''; - data.forEach(((res, i) => { + weekRewardData.forEach(((res, i) => { tabStr += ` -
${res.dateRange}
+
${res.dateRange}
` })) $('.tab').append(tabStr); - ulFun(0); + ulFun(tabActive); // tab切换 $('.tab div').click(function () { var i = $(this).index(); + tabActive = i; $(this).addClass('act').siblings().removeClass('act'); - ulFun(i) + ulFun(tabActive) + getConfig(); }) } else { toastMsg(res.message) @@ -110,43 +121,73 @@ function getConfig() { }) } function ulFun(index) { - $('.box ul li').remove(); - var str = ''; - data[index].itemList.forEach((res, i) => { + let weekLevelData = weekRewardData[index] + countup(weekLevelData.countDownSecond) + $('.preMaxNum').text(weekLevelData.preMaxNum); + $('.maxNum').text(weekLevelData.maxNum); + $('.processNum').text(weekLevelData.processNum); + if (window.lang.code == 'ar') { + $('.preLevel').text(weekLevelData.curLevel); + $('.curLevel').text(weekLevelData.preLevel); + } else { + $('.preLevel').text(weekLevelData.preLevel); + $('.curLevel').text(weekLevelData.curLevel); + } + // 计算进度条 + let progressWidth = CalculateProgress(weekLevelData.processNum, weekLevelData.preMaxNum, weekLevelData.maxNum) + $('.progress-bar').css('width', progressWidth + '%'); + + // 渲染奖励列表 + $('.rewards_list .rewards_box').remove(); + let str = '' + weekLevelData.itemList.forEach((item, index) => { str += ` -
  • -
    - - ${unitProcessingZhuan(res.rewardNum, 2)} -
    ${res.status == 2 ? langReplace(localLang.weeklyRewards.text5) : langReplace(localLang.weeklyRewards.text3)}
    -
    -
    -
    -
    ${langReplace(localLang.weeklyRewards.text4)}${res.level}
    -
    - ${res.processNum + res.preMaxNum}/${res.maxNum} -
    -
    -
    -
    -
    -
    - ${res.preMaxNum} - ${res.maxNum} -
    -
    -
    • - ` - }) - $('.box ul').append(str); +
    +
    + + ${item.rewardNum} + + +
    +
    +
    ${item.level}
    +
    +
    +
    +
    + +
    + + ${item.bonusRewardNum} + + +
    +
    + ` + }); + $('.rewards_list').append(str) + + // 底部 + $('.bottom_fixed_box .bonusPreMaxNum').text(weekLevelData.bonusPreMaxNum) + $('.bottom_fixed_box .bonusMaxNum').text(weekLevelData.bonusProcessNum + '/' + weekLevelData.bonusMaxNum) + // 计算进度条 + let progressWidthBottomFixed = CalculateProgress(weekLevelData.bonusProcessNum, weekLevelData.bonusPreMaxNum, weekLevelData.bonusMaxNum) + $('.bottom_fixed_box .progress_bar').css('width', progressWidthBottomFixed + '%'); } -function getReward(id) { +// 计算进度条 (进度-初始值) / (最大值-初始值) +function CalculateProgress(processNum, preMaxNum, maxNum) { + let num = Math.min(100, Math.round((processNum - preMaxNum) / (maxNum - preMaxNum) * 100)) + return num +} + +function getReward(id, isBonus) { showLoading() networkRequest({ type: 'post', url: urlPrefix + '/guildMemberWeekLevelReward/getReward', data: { id, + isBonus }, success(res) { if (res.code === 200) { @@ -163,11 +204,19 @@ function getReward(id) { }) } // 领取按钮 -$('.box ul').on('click', ' li .left .get', function () { +$('.rewards_list ').on('click', '.rewards_box .left_box', function () { var status = $(this).attr('status'); var id = $(this).attr('id'); if (status == 1) { - getReward(id); + getReward(id, false); + } +}) +// 领取按钮 +$('.rewards_list ').on('click', '.rewards_box .right_box', function () { + var status = $(this).attr('status'); + var id = $(this).attr('id'); + if (status == 1) { + getReward(id, true); } }) // 计算- 取消中文向下取整 @@ -183,4 +232,63 @@ function unitProcessingZhuan(val, toFixeds) { //值 保留几位小数 return (val / 1000000).toFixed(toFixeds) + 'M' } } -} \ No newline at end of file +} +var countupTime1;//倒计时容器 +// 倒計時 +function countup(leftTime, type) { + clearTimeout(countupTime1) + //獲取當前時間 + // var now = nowTime; + var d = 0; + var h = 0; + var m = 0; + var s = 0; + //定義變數 d,h,m,s保存倒計時的時間 + var d, h, m, s; + //遞歸每秒調⽤countTime⽅法，顯⽰動態時間效果 + if (leftTime > 0) { + d = getzf(Math.floor(leftTime / 60 / 60 / 24)); + h = getzf(Math.floor(leftTime / 60 / 60 % 24)); + m = getzf(Math.floor(leftTime / 60 % 60)); + s = getzf(Math.floor(leftTime % 60)); + //將倒計時賦值到div中 + $('.day_txt').text(d); + $('.hour_txt').text(h); + $('.min_txt').text(m); + $('.secs_txt').text(s); + } else { + $('.day_txt').text('00'); + $('.hour_txt').text('00'); + $('.min_txt').text('00'); + $('.secs_txt').text('00'); + } + if (leftTime > 0) { + leftTime = leftTime - 1; + } else { + clearTimeout(countupTime1); + } + countupTime1 = setTimeout(function () { + countup(leftTime); + }, 1000); +} +//补0操作 +function getzf(num) { + if (parseInt(num) < 10) { + num = '0' + num; + } + return num; +} +// 清除计时器 +function pauseCountdown() { + clearInterval(countupTime1); +} +// 监听页面显示事件 +document.addEventListener('visibilitychange', () => { + if (document.hidden) { + pauseCountdown(); + } else { + // 重新请求接口获取最新的倒计时数据 + pauseCountdown(); + getConfig(); + } +}); \ No newline at end of file diff --git a/view/eparty/modules/guild-ar/js/weeklyRewardsRule.js b/view/eparty/modules/guild-ar/js/weeklyRewardsRule.js index 8c776b2..f477074 100644 --- a/view/eparty/modules/guild-ar/js/weeklyRewardsRule.js +++ b/view/eparty/modules/guild-ar/js/weeklyRewardsRule.js @@ -60,17 +60,20 @@ function translateFun() { var langReplace = window.lang.replace; var localLang = window.lang; $('.text1').text(langReplace(localLang.weeklyRewardsRule.text1)); - if(window.localStorage.getItem('partitionId') == 16){ - $('.text2').html(langReplace(localLang.weeklyRewardsRule.text22)); - $('.text3').attr('src', langReplace(localLang.weeklyRewardsRule.text3)); - }else{ - $('.text2').html(langReplace(localLang.weeklyRewardsRule.text2)); - if (window.localStorage.getItem('partitionId') == 2) { - $('.text3').attr('src', langReplace(localLang.weeklyRewardsRule.text3)); - } else if (window.localStorage.getItem('partitionId') == 8) { - $('.text3').attr('src', langReplace(localLang.weeklyRewardsRule.text33)); - } - } - + $('.text3').attr('src', langReplace(localLang.weeklyRewardsRule.text3)); + $('.text2').html(langReplace(localLang.weeklyRewardsRule.text2)); + $('.textNew').html(langReplace(localLang.weeklyRewardsRule.textNew)); + + // if(window.localStorage.getItem('partitionId') == 16){ + // $('.text2').html(langReplace(localLang.weeklyRewardsRule.text22)); + // }else{ + // $('.text2').html(langReplace(localLang.weeklyRewardsRule.text2)); + // if (window.localStorage.getItem('partitionId') == 2) { + // $('.text3').attr('src', langReplace(localLang.weeklyRewardsRule.text3)); + // } else if (window.localStorage.getItem('partitionId') == 8) { + // $('.text3').attr('src', langReplace(localLang.weeklyRewardsRule.text33)); + // } + // } + } \ No newline at end of file diff --git a/view/eparty/modules/guild-ar/local/ar.js b/view/eparty/modules/guild-ar/local/ar.js index 88cf7cf..d6c46c1 100644 --- a/view/eparty/modules/guild-ar/local/ar.js +++ b/view/eparty/modules/guild-ar/local/ar.js @@ -56,7 +56,18 @@ langAr = { weeklyRewardsText5: 'وقت إعادة التعيين: الاثنين 0:00 (GMT+3)', weeklyRewardsText6: 'وقت إعادة التعيين: الاثنين 0:00 (GMT+8)', Game_income:'دخل اللعبة', - Diamond_income:'دخل الماس' + Diamond_income:'دخل الماس', + Total_coins:'إجمالي المكافآت يصل إلى ١٬٠٠٠٬٠٣٠ عملة!', + Countdown:'العد التنازلي:', + Day:'اليوم', + Host_Level:'مستوى المضيف:', + Reward_detail:'تفاصيل المكافأة', + Daily_Rewards:'المكافآت اليومية', + Extra_Rewards:'مكافآت إضافية', + Complete_days:'أكمل 5 أيام', + mic_chat:'ساعتين من الدردشة الصوتية اليومية', + Unlock_time:'افتح المكافآت الإضافية بإكمال 5 أيام بمدة 120 دقيقة يومياً على الميكروفون', + Days:'الأيام', }, adminSet: { text1: `إعدادات المشرف`, @@ -405,14 +416,25 @@ langAr = { }, weeklyRewardsRule: { text1: `القواعد`, - text2: `

    1 وقت النشاط: 0:00-23:59 (GMT+3) كل أسبوع.

    -

    2 مكافآت العملات: يتم حساب دخل المستخدم من الألماس أسبوعيًا، ويمكنك الحصول على العملات عند الوصول إلى مستوى معين.

    -

    3 تدرج مكافآت العملات

    `, + text2: `

    وقت النشاط:

    +

    كل يوم اثنين من 00:00 إلى يوم الأحد 23:59 (ت ع م+3)

    +

    مهام النشاط:

    +

    أكمل المهام أدناه لكسب حوافز الماس للفئات المقابلة!

    +

    المهمة 1: المساهمة حسب الحجم

    +

    اكسب مكافآت بناءً على إجمالي الماس المستلم من الاستهلاك هذا الأسبوع.

    +

    المهمة 2: الاجتهاد عبر الإنترنت

    +

    م requirement المتطلب: امتلاك 5 أيام هذا الأسبوع بمدة دردشة صوتية ليوم واحد ≥ 120 دقيقة.

    `, text3: `./images/weeklyRewardsRule2-ar.png`, text33: `./images/weeklyRewardsRule2-trar.png`, text22: `

    1 وقت النشاط: 0:00-23:59 (GMT+8) كل أسبوع.

    2 مكافآت العملات: يتم حساب دخل المستخدم من الألماس أسبوعيًا، ويمكنك الحصول على العملات عند الوصول إلى مستوى معين.

    3 تدرج مكافآت العملات

    `, + textNew: `

    ملاحظات مهمة:

    +

    إعادة تعيين أسبوعية: يتم إعادة تعيين حجم دخول الماس والأيام الصالحة تلقائياً في بداية كل أسبوع جديد.

    +

    إعادة تعيين يومية: يتم إعادة تعيين المدة الصالحة تلقائياً في بداية كل يوم جديد.

    +

    توزيع المكافأة: يجب المطالبة بالمكافآت يدوياً.

    +

    المشاركة العادلة: يُمنع منعاً باتاً الأنشطة الاحتيالية مثل الطلبات الوهمية أو التباطؤ أو الغش. ستؤدي الانتهاكات الم verifiedة إلى الإقصاء من المكافآت.

    +

    التفسير النهائي لهذه القواعد محفوظ للمنصة.

    `, }, agencyDiamondIncome: { text1: `إيرادات الألماس للوكالة`, // 阿拉伯文 diff --git a/view/eparty/modules/guild-ar/local/br.js b/view/eparty/modules/guild-ar/local/br.js index 0c9d110..0f93573 100644 --- a/view/eparty/modules/guild-ar/local/br.js +++ b/view/eparty/modules/guild-ar/local/br.js @@ -54,7 +54,18 @@ langBr = { weeklyRewardsText5: 'Tempo de reset: Segunda-feira 0:00 (GMT+3)', weeklyRewardsText6: 'Tempo de reset: Segunda-feira 0:00 (GMT+8)', Game_income:'Renda do jogo', - Diamond_income:'Renda do diamante' + Diamond_income:'Renda do diamante', + Total_coins:'Recompensa total de até 1.000.030 moedas!', + Countdown:'Contagem Regressiva:', + Day:'Dia', + Host_Level:'Nível do Anfitrião:', + Reward_detail:'Detalhes da recompensa', + Daily_Rewards:'Recompensas Diárias', + Extra_Rewards:'Recompensas Extras', + Complete_days:'Complete 5 dias', + mic_chat:'2 horas de chat de microfone diário', + Unlock_time:'Desbloqueie recompensas extras completando 5 dias com 120 mins de tempo diário no microfone', + Days:'Dias', }, adminSet: { text1: `Administrador`, @@ -403,14 +414,25 @@ langBr = { }, weeklyRewardsRule: { text1: `Regras`, - text2: `

    1 Horário da atividade: 0:00-23:59 (GMT+3) toda semana.

    -

    2 Recompensas em moedas: Calcule o rendimento em diamantes do usuário toda semana, e você pode receber moedas correspondentes ao atingir um certo nível.

    -

    3 Gradiente de recompensa em moedas

    `, + text2: `

    Horário da Atividade:

    +

    Toda segunda-feira 00:00 a domingo 23:59 (GMT+3)

    +

    Tarefas da Atividade:

    +

    Complete as tarefas abaixo para ganhar incentivos de diamante para os níveis correspondentes!

    +

    Tarefa 1: Contribuição por Volume

    +

    Ganhe recompensas com base no total de diamantes recebidos do consumo esta semana.

    +

    Tarefa 2: Diligência Online

    +

    Requisito de Duração: Tenha 5 dias esta semana com duração de chat de voz em um único dia ≥ 120 minutos.

    `, text3: `./images/weeklyRewardsRule2.png`, text33: `./images/weeklyRewardsRule2-tren.png`, text22: `

    1 Horário da atividade: 0:00-23:59 (GMT+8) toda semana.

    2 Recompensas em moedas: Calcule o rendimento em diamantes do usuário toda semana, e você pode receber moedas correspondentes ao atingir um certo nível.

    3 Gradiente de recompensa em moedas

    `, + textNew: `

    Notas Importantes:

    +

    Reset Semanal: Seu volume de receita de diamantes e dias válidos são redefinidos automaticamente no início de uma nova semana.

    +

    Reset Diário: Sua duração válida é redefinida automaticamente no início de um novo dia.

    +

    Distribuição de Recompensa: As recompensas devem ser resgatadas manualmente.

    +

    Participação Justa: Atividades fraudulentas, como ordens de brushing, ócio (AFK) ou trapaça, são estritamente proibidas. Violações verificadas resultarão em desqualificação das recompensas.

    +

    A interpretação final destas regras é reservada à plataforma.

    `, }, agencyDiamondIncome: { text1: `Rendimento em Diamantes da Agência`, diff --git a/view/eparty/modules/guild-ar/local/en.js b/view/eparty/modules/guild-ar/local/en.js index 1a4decd..0af6b71 100644 --- a/view/eparty/modules/guild-ar/local/en.js +++ b/view/eparty/modules/guild-ar/local/en.js @@ -54,7 +54,18 @@ langEn = { weeklyRewardsText5: 'Reset time: Monday 0:00 (GMT+3)', weeklyRewardsText6: 'Reset time: Monday 0:00 (GMT+8)', Game_income:'Game income', - Diamond_income:'Diamond income' + Diamond_income:'Diamond income', + Total_coins:'Total reward of up to 1,000,030 coins!', + Countdown:'Countdown:', + Day:'Day', + Host_Level:'Host Level:', + Reward_detail:' Reward detail', + Daily_Rewards:'Daily Rewards', + Extra_Rewards:'Extra Rewards', + Complete_days:'Complete 5 days', + mic_chat:'2 hours of daily mic chat', + Unlock_time:'Unlock extra rewards by completing 5 days with 120 mins of daily mic time', + Days:'Days', }, adminSet: { text1: `Administrator`, @@ -407,16 +418,26 @@ text9_new:'Congratulations on creating your new agency!
    To help you grow }, weeklyRewardsRule: { text1: `Rules`, - text2: `

    1 Activity time: 0:00-23:59 (GMT+3) every week.

    -

    2 Coin rewards: Calculate the user's diamond income every week, and you can get corresponding coins when you - reach a certain level.

    -

    3 Coin reward gradient

    `, + text2: `

    Activity Time:

    +

    Every Monday 00:00 to Sunday 23:59 (GMT+3)

    +

    Activity Tasks:

    +

    Complete the tasks below to earn diamond incentives for corresponding tiers!

    +

    Task 1: Contribution by Volume

    +

    Earn rewards based on the total diamonds received from consumption this week.

    +

    Task 2: Diligence Online

    +

    Duration Requirement: Have 5 days this week with single-day voice chat duration ≥ 120 minutes.

    `, text3: `./images/weeklyRewardsRule2.png`, text33: `./images/weeklyRewardsRule2-tren.png`, text22: `

    1 Activity time: 0:00-23:59 (GMT+8) every week.

    2 Coin rewards: Calculate the user's diamond income every week, and you can get corresponding coins when you reach a certain level.

    3 Coin reward gradient

    `, + textNew: `

    Important Notes:

    +

    Weekly Reset: Your diamond income volume and valid days are automatically reset at the start of a new week.

    +

    Daily Reset: Your valid duration is automatically reset at the start of a new day.

    +

    Reward Distribution: Rewards must be claimed manually.

    +

    Fair Participation: Strictly prohibit fraudulent activities such as brushing orders, idling/AFK, or cheating. Verified violations will result in disqualification from rewards.

    +

    Final interpretation of these rules is reserved by the platform.

    `, }, agencyDiamondIncome: { text1: `Agency Diamond Income`, diff --git a/view/eparty/modules/guild-ar/local/tr.js b/view/eparty/modules/guild-ar/local/tr.js index 87a0792..8d5395c 100644 --- a/view/eparty/modules/guild-ar/local/tr.js +++ b/view/eparty/modules/guild-ar/local/tr.js @@ -54,7 +54,18 @@ langTr = { weeklyRewardsText5: 'Sıfırlama Zamanı: Pazartesi 0:00 (GMT+3)', weeklyRewardsText6: 'Sıfırlama Zamanı: Pazartesi 0:00 (GMT+8)', Game_income:'Oyun geliri', - Diamond_income:'Elmas geliri' + Diamond_income:'Elmas geliri', + Total_coins:'Toplam ödül 1.000.030 jeton kadar!', + Countdown:'Geri Sayım:', + Day:'Gün', + Host_Level:'Sunucu Seviyesi:', + Reward_detail:'Ödül detayları', + Daily_Rewards:'Günlük Ödüller', + Extra_Rewards:'Ekstra Ödüller', + Complete_days:'5 günü tamamlayın', + mic_chat:'Günlük 2 saat mikrofon sohbeti', + Unlock_time:'Günlük 120 dakika mikrofon süresi ile 5 günü tamamlayarak ekstra ödüllerin kilidini açın', + Days:'Günler', }, adminSet: { text1: `Yönetici`, @@ -406,14 +417,25 @@ text9_new:'Yeni acentenizi kurduğunuz için tebrikler!
    Daha hızlı büy }, weeklyRewardsRule: { text1: `Kurallar`, - text2: `

    1 Aktivite Zamanı: Her hafta 0:00-23:59 (GMT+3)

    -

    2 jeton Ödülleri: Kullanıcının elmas gelirleri her hafta hesaplanır, belirli bir seviyeye ulaştığında karşılık gelen madeni paralar verilir.

    -

    3 jeton Ödül Gradyanı

    `, + text2: `

    Etkinlik Süresi:

    +

    Her Pazartesi 00:00 - Pazar 23:59 (GMT+3)

    +

    Etkinlik Görevleri:

    +

    İlgili seviyeler için elmas teşvikleri kazanmak için aşağıdaki görevleri tamamlayın!

    +

    Görev 1: Hacim Katkısı

    +

    Bu hafta alınan toplam elmas tüketimine göre ödüller kazanın.

    +

    Görev 2: Çevrimiçi Özveri

    +

    Süre Gereksinimi: Bu hafta, günlük sesli sohbet süresinin ≥ 120 dakika olduğu 5 gün olmalıdır.

    `, text3: `./images/weeklyRewardsRule2.png`, text33: `./images/weeklyRewardsRule2-trtr.png`, text22: `

    1 Aktivite Zamanı: Her hafta 0:00-23:59 (GMT+8)

    2 jeton Ödülleri: Kullanıcının elmas gelirleri her hafta hesaplanır, belirli bir seviyeye ulaştığında karşılık gelen madeni paralar verilir.

    3 jeton Ödül Gradyanı

    `, + textNew: `

    Önemli Notlar:

    +

    Haftalık Sıfırlama: Elmas gelir hacminiz ve geçerli günleriniz yeni bir hafta başlangıcında otomatik olarak sıfırlanır.

    +

    Günlük Sıfırlama: Geçerli süreniz yeni bir gün başlangıcında otomatik olarak sıfırlanır.

    +

    Ödül Dağıtımı: Ödüller manuel olarak talep edilmelidir.

    +

    Adil Katılım: Sahte sipariş, oyunu askıya alma (AFK) veya hile gibi sahtekarlık faaliyetleri kesinlikle yasaktır. Tespit edilen ihlaller ödüllerden diskalifiye ile sonuçlanacaktır.

    +

    Bu kuralların nihai yorum hakkı platforma aittir.

    `, }, agencyDiamondIncome: { text1: `Ajans Elmas Geliri`, diff --git a/view/eparty/modules/guild-ar/local/zh.js b/view/eparty/modules/guild-ar/local/zh.js index 17c610e..ca137c3 100644 --- a/view/eparty/modules/guild-ar/local/zh.js +++ b/view/eparty/modules/guild-ar/local/zh.js @@ -57,6 +57,18 @@ langZh = { weeklyRewardsText6: '重置時間：週一 0:00（GMT+8）', Game_income:'遊戲收益', Diamond_income:'鑽石收益', + Total_coins:'总金币奖励高达1,000,030！', + Countdown:'倒计时:', + Day:'天', + Host_Level:'主播等级：', + Reward_detail:'奖励明细', + Daily_Rewards:'日常奖励', + Extra_Rewards:'额外奖励', + Complete_days:'完成5天', + mic_chat:'每天两小时上麦聊天', + Unlock_time:'完成5天，每天上麦时长120mins即可解锁额外奖励', + Days:'天数', + }, adminSet: { text1: `管理員設置`, @@ -406,14 +418,26 @@ langZh = { }, weeklyRewardsRule: { text1: `規則`, - text2: `

    1 活動時間：每週 0:00-23:59（GMT+3）。

    -

    2 金幣獎勵：每週計算用戶的鑽石收入，達到特定級別時可以獲得相應的金幣獎勵。

    -

    3 金幣獎勵梯度

    `, + text2: `

    活动时间：

    +

    每周一 00:00 至 周日 23:59 (GMT+3)

    +

    活动任务

    +

    同时满足以下不同档位任务，即可获得 档位钻石激励！

    +

    任务一：流水贡献

    +

    根据您本周获得的所有钻石消费总额，领取对应档位的金币。

    +

    任务二：勤奋在线

    +

    时长要求： 本周有 5 天，单日语音上麦时长 ≥ 120 分钟。

    `, text3: `./images/weeklyRewardsRule2.png`, text33: `./images/weeklyRewardsRule2-trtr.png`, text22: `

    1 活動時間：每週 0:00-23:59（GMT+8）。

    2 金幣獎勵：每週計算用戶的鑽石收入，達到特定級別時可以獲得相應的金幣獎勵。

    3 金幣獎勵梯度

    `, + + textNew: `

    重要须知:

    +

    每周重置： 新一周开始时，您的钻石流水和有效天数会自动清零，重新计算。

    +

    每天重置： 新一天开始时，你的有效时长会自动清零，重新计算。

    +

    奖励发放： 奖励需要手动领取。

    +

    公平参与： 严禁刷单、挂机、作弊等违规行为，一经核实将取消奖励资格。

    +

    本活动所有解释权归平台所有。

    `, }, agencyDiamondIncome: { text1: `公會鑽石收入`, // 繁體中文 diff --git a/view/eparty/modules/guild-ar/weeklyRewards.html b/view/eparty/modules/guild-ar/weeklyRewards.html index 88ba0f8..46f8aab 100644 --- a/view/eparty/modules/guild-ar/weeklyRewards.html +++ b/view/eparty/modules/guild-ar/weeklyRewards.html @@ -1,53 +1,113 @@ - - - - + + + - - - + + + - +
    - - - + + +
    -
    +
    +
    +
    + +
    +
    + + + + + : + + : + +
    +
    +
    +
    +
    +
    +
    +
    + +
    +
    +
    +
    +
    +
    +
    + +
    +
    +
    + +
    +
    +
    +
    +
    +
    +
    +
    + +
    +
    +
    +
    +
    +
    +
    + +
    -
    - -
    -
      -
    • -
      - - 0K -
      Get
      -
      -
      -
      -
      Host Lv1
      -
      - 0/0 -
      -
      -
      -
      -
      -
      - 0 - 0 -
      -
      -
      • -
    -
    - +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    + @@ -61,4 +121,4 @@ - \ No newline at end of file + diff --git a/view/eparty/modules/guild-ar/weeklyRewardsRule.html b/view/eparty/modules/guild-ar/weeklyRewardsRule.html index 8579176..fdd5df4 100644 --- a/view/eparty/modules/guild-ar/weeklyRewardsRule.html +++ b/view/eparty/modules/guild-ar/weeklyRewardsRule.html @@ -22,6 +22,7 @@

    3 Coin reward gradient

    -->
    +