From f3e805e77cb8c4ff8547e4441836d88e35d3e92f Mon Sep 17 00:00:00 2001 From: chenruiye <862859104@qq.com> Date: Thu, 3 Apr 2025 18:15:26 +0800 Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E6=88=90vip=E9=A1=B5=E9=9D=A2?= =?UTF-8?q?=E9=80=BB=E8=BE=91=E5=92=8C=E5=B1=95=E7=A4=BA=EF=BC=8C=E8=BF=98?= =?UTF-8?q?=E5=B7=AE=E5=A4=9A=E8=AF=AD=E8=A8=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../molistar/modules/vip_Center/css/index.css | 343 +++++++++++++++ .../modules/vip_Center/css/index.scss | 399 +++++++++++++++++- .../modules/vip_Center/images/conis2.png | Bin 0 -> 3663 bytes .../modules/vip_Center/images/renew.png | Bin 0 -> 6558 bytes .../modules/vip_Center/images/renew_btn.png | Bin 0 -> 7833 bytes view/molistar/modules/vip_Center/index.html | 72 +++- view/molistar/modules/vip_Center/js/index.js | 307 +++++++++----- 7 files changed, 1003 insertions(+), 118 deletions(-) create mode 100644 view/molistar/modules/vip_Center/images/conis2.png create mode 100644 view/molistar/modules/vip_Center/images/renew.png create mode 100644 view/molistar/modules/vip_Center/images/renew_btn.png diff --git a/view/molistar/modules/vip_Center/css/index.css b/view/molistar/modules/vip_Center/css/index.css index ac33617..17b514b 100644 --- a/view/molistar/modules/vip_Center/css/index.css +++ b/view/molistar/modules/vip_Center/css/index.css @@ -30,6 +30,12 @@ body { background-size: cover; width: 100%; height: 8rem; + position: fixed; + left: 0; + top: 0; + bottom: 0; + right: 0; + z-index: 9; } .header .swiper { padding-top: 2.9333333333rem; @@ -75,6 +81,9 @@ body { text-transform: none; } +.content { + margin-top: 8rem; +} .content .permission .top { display: flex; align-items: center; @@ -117,4 +126,338 @@ body { font-style: normal; text-transform: none; padding-bottom: 0.3466666667rem; +} +.content .exclusive_discounts { + margin-top: 0.64rem; + padding-bottom: 4rem; +} +.content .exclusive_discounts .top { + display: flex; + align-items: center; + justify-content: center; +} +.content .exclusive_discounts .top img { + width: 1.1466666667rem; + height: 0.4266666667rem; +} +.content .exclusive_discounts .top .title_name { + font-family: PingFang SC, PingFang SC; + font-weight: 600; + font-size: 0.4266666667rem; + color: #FFE3AF; + line-height: 44px; + text-align: center; + font-style: normal; + text-transform: none; + margin: 0 0.32rem; +} +.content .exclusive_discounts .top .title_name .num { + font-family: PingFang SC, PingFang SC; + font-weight: 500; + font-size: 0.3733333333rem; + color: #FFE3AF; + text-align: center; + font-style: normal; + text-transform: none; + line-height: 0.1333333333rem; +} +.content .exclusive_discounts .box_warp { + display: grid; + grid-template-columns: repeat(3, 1fr); + grid-gap: 0.32rem; + grid-template-rows: auto; + padding: 0 0.4533333333rem; +} +.content .exclusive_discounts .box_warp .content_box { + text-align: center; + margin-top: 0.6933333333rem; +} +.content .exclusive_discounts .box_warp .content_box img { + width: 1.12rem; + height: 1.12rem; +} +.content .exclusive_discounts .box_warp .content_box .name { + font-family: PingFang SC, PingFang SC; + font-weight: 400; + font-size: 0.3466666667rem; + color: #FFE3AF; + text-align: center; + font-style: normal; + text-transform: none; + margin-top: 0.1066666667rem; +} +.content .exclusive_discounts .box_warp .noactive { + opacity: 0.5; +} + +.selectAccount { + position: fixed; + left: 0; + top: 0; + bottom: 0; + right: 0; + z-index: 999; + background: rgba(0, 0, 0, 0.5); + display: none; +} +.selectAccount .selectAccount_in { + position: absolute; + left: 50%; + transform: translateX(-50%); + bottom: 0; + width: 100%; + min-height: 8.6666666667rem; + background: #170D00; + border-radius: 0.5333333333rem 0.5333333333rem 0px 0px; +} +.selectAccount .selectAccount_in .name { + font-family: PingFang SC, PingFang SC; + font-weight: 600; + font-size: 0.4266666667rem; + color: #FFE3AF; + text-align: center; + font-style: normal; + text-transform: none; + position: relative; + padding-top: 0.5333333333rem; +} +.selectAccount .selectAccount_in .name img { + width: 0.5866666667rem; + height: 0.5866666667rem; + position: absolute; + left: 0.24rem; + top: 0.48rem; +} +.selectAccount .selectAccount_in .descPic { + padding: 0.4266666667rem; +} +.selectAccount .selectAccount_in .descPic img { + width: 100%; + height: 4.1866666667rem; +} +.selectAccount .selectAccount_in .authIntro { + font-family: PingFang SC, PingFang SC; + font-weight: 400; + font-size: 0.3733333333rem; + color: #FFE3AF; + text-align: left; + font-style: normal; + text-transform: none; + padding: 0 0.4266666667rem; + opacity: 0.6; +} + +.bottom_renew { + position: fixed; + left: 0; + bottom: 0; + right: 0; + z-index: 990; + padding: 0 0.4266666667rem 0.6933333333rem; + background: #150C00; +} +.bottom_renew .renew_bg { + position: relative; +} +.bottom_renew .wrap { + display: flex; + justify-content: space-between; + align-items: center; + position: absolute; + left: 4%; + right: 2%; + top: 0.0666666667rem; + padding: 0 0.4266666667rem; +} +.bottom_renew .wrap .left { + display: flex; + align-items: center; +} +.bottom_renew .wrap .left img { + width: 0.5333333333rem; + height: 0.5333333333rem; +} +.bottom_renew .wrap .left .buyAmount { + font-family: PingFang SC, PingFang SC; + font-weight: 400; + font-size: 0.4rem; + color: #FFE3AF; + text-align: center; + font-style: normal; + text-transform: none; + margin-left: 0.1066666667rem; +} +.bottom_renew .wrap .renew_btn { + background: url(../images/renew_btn.png) no-repeat; + background-size: 100% 100%; + width: 3.8933333333rem; + height: 1.2533333333rem; + display: flex; + justify-content: center; + align-items: center; + border-radius: 0.4266666667rem; + font-family: PingFang SC, PingFang SC; + font-weight: 600; + font-size: 0.4266666667rem; + color: #633000; + text-align: center; + font-style: normal; + text-transform: none; +} +.bottom_renew .wrap_txt { + font-family: PingFang SC, PingFang SC; + font-weight: 400; + font-size: 0.4rem; + color: #FFE3AF; + text-align: center; + font-style: normal; + text-transform: none; + position: absolute; + left: 4%; + right: 2%; + top: 50%; + bottom: 0; + transform: translateY(-50%); + display: none; +} + +.payPopup { + position: fixed; + left: 0; + top: 0; + bottom: 0; + right: 0; + z-index: 999; + background: rgba(0, 0, 0, 0.5); + display: none; +} +.payPopup .payPopup_warp { + position: absolute; + left: 50%; + transform: translateX(-50%); + bottom: 0; + width: 100%; + min-height: 5.8666666667rem; + background: #FFFFFF; + border-radius: 0.4266666667rem 0.4266666667rem 0px 0px; +} +.payPopup .payPopup_warp .title { + font-family: PingFang SC, PingFang SC; + font-weight: 600; + font-size: 0.4266666667rem; + color: #313131; + text-align: center; + font-style: normal; + text-transform: none; + margin-top: 0.32rem; +} +.payPopup .payPopup_warp .buyAmount { + display: flex; + justify-content: center; + align-items: center; + margin-top: 1.1466666667rem; +} +.payPopup .payPopup_warp .buyAmount .num { + font-family: PingFang SC, PingFang SC; + font-weight: 500; + font-size: 0.7466666667rem; + color: #313131; + text-align: center; + font-style: normal; + text-transform: none; + margin-right: 0.1066666667rem; +} +.payPopup .payPopup_warp .buyAmount img { + width: 0.8266666667rem; + height: 0.8266666667rem; +} +.payPopup .payPopup_warp .pay_btn { + background: linear-gradient(270deg, #E29030 0%, #FCC074 100%); + border-radius: 0.4266666667rem; + font-family: PingFang TC, PingFang TC; + font-weight: 500; + font-size: 0.4266666667rem; + color: #FFFFFF; + text-align: center; + font-style: normal; + text-transform: none; + display: flex; + align-items: center; + justify-content: center; + padding: 0.2666666667rem 2.6666666667rem; + margin: 1.12rem 0.4rem 0; +} + +.custom-dialog { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.5); + display: flex; + justify-content: center; + align-items: center; + z-index: 1000; + visibility: hidden; + opacity: 0; + transition: opacity 0.3s ease, visibility 0.3s ease; +} +.custom-dialog.visible { + visibility: visible; + opacity: 1; +} +.custom-dialog .dialog-content { + background: #FFFFFF; + border-radius: 0.2133333333rem; + width: 6.6666666667rem; + max-width: 90%; + padding: 0.32rem; + box-shadow: 0 0.1066666667rem 0.2133333333rem rgba(0, 0, 0, 0.2); + display: flex; + flex-direction: column; +} +.custom-dialog .dialog-header { + margin-bottom: 0.2133333333rem; + text-align: center; + margin-top: 0.2666666667rem; +} +.custom-dialog .dialog-header .dialog-title { + font-family: PingFang SC, PingFang SC; + font-weight: 600; + font-size: 0.4266666667rem; + color: #313131; + font-style: normal; + text-transform: none; +} +.custom-dialog .dialog-footer { + display: flex; + justify-content: space-between; + margin-top: 0.6666666667rem; +} +.custom-dialog .dialog-footer .dialog-btn { + background: linear-gradient(270deg, #E29030 0%, #FCC074 100%); + border: none; + border-radius: 0.4266666667rem; + font-family: PingFang SC, PingFang SC; + font-size: 0.4266666667rem; + color: #FFFFFF; + text-align: center; + font-style: normal; + text-transform: none; + padding: 0.16rem 0.5333333333rem; + margin-left: 0.2133333333rem; + cursor: pointer; + transition: background 0.3s ease; + width: 2.9333333333rem; +} +.custom-dialog .dialog-footer .dialog-btn:hover { + background: linear-gradient(270deg, #FCC074 0%, #E29030 100%); +} +.custom-dialog .dialog-footer .dialog-cancel { + background: #E0E0E0; + color: #333333; +} +.custom-dialog .dialog-footer .dialog-cancel:hover { + background: #BDBDBD; } \ No newline at end of file diff --git a/view/molistar/modules/vip_Center/css/index.scss b/view/molistar/modules/vip_Center/css/index.scss index 5334ef2..c5edd6d 100644 --- a/view/molistar/modules/vip_Center/css/index.scss +++ b/view/molistar/modules/vip_Center/css/index.scss @@ -37,16 +37,13 @@ body { background-size: cover; width: 100%; height: px2rem(600); - // .swiper { - // height: px2rem(200); - // left: 50%; - // transform: translateX(-50%); + position: fixed; + left: 0; + top: 0; + bottom: 0; + right: 0; + z-index: 9; - // .swiper-wrapper { - // width: 100%; - // height: 100%; - // } - // } .swiper { padding-top: px2rem(220); } @@ -106,6 +103,8 @@ body { } .content { + margin-top: px2rem(600); + .permission { .top { display: flex; @@ -136,6 +135,7 @@ body { grid-gap: px2rem(24); grid-template-rows: auto; padding: 0 px2rem(34); + .content_box { // width: px2rem(332); // height: px2rem(240); @@ -143,7 +143,7 @@ body { border: 1px solid; border-image: linear-gradient(136deg, rgba(255, 201.51765704154968, 76.72566533088684, 1), rgba(255, 255, 255, 1), rgba(133.57143580913544, 93.50000962615013, 0, 1)) 1 1; border-radius: px2rem(32); - // flex: 1; + // flex: 1; p { font-family: PingFang SC, PingFang SC; @@ -159,4 +159,383 @@ body { } } } + + .exclusive_discounts { + margin-top: px2rem(48); + padding-bottom: px2rem(300); + + .top { + display: flex; + align-items: center; + justify-content: center; + + img { + width: px2rem(86); + height: px2rem(32); + } + + .title_name { + font-family: PingFang SC, PingFang SC; + font-weight: 600; + font-size: px2rem(32); + color: #FFE3AF; + line-height: 44px; + text-align: center; + font-style: normal; + text-transform: none; + margin: 0 px2rem(24); + + .num { + font-family: PingFang SC, PingFang SC; + font-weight: 500; + font-size: px2rem(28); + color: #FFE3AF; + text-align: center; + font-style: normal; + text-transform: none; + line-height: px2rem(10); + } + + } + } + + .box_warp { + display: grid; + grid-template-columns: repeat(3, 1fr); + grid-gap: px2rem(24); + grid-template-rows: auto; + padding: 0 px2rem(34); + + .content_box { + text-align: center; + margin-top: px2rem(52); + + img { + width: px2rem(84); + height: px2rem(84); + } + + .name { + font-family: PingFang SC, PingFang SC; + font-weight: 400; + font-size: px2rem(26); + color: #FFE3AF; + text-align: center; + font-style: normal; + text-transform: none; + margin-top: px2rem(8); + } + + } + + .noactive { + opacity: 0.5; + } + } + } +} + +.selectAccount { + position: fixed; + left: 0; + top: 0; + bottom: 0; + right: 0; + z-index: 999; + background: rgba(0, 0, 0, 0.5); + display: none; + + .selectAccount_in { + position: absolute; + left: 50%; + transform: translateX(-50%); + bottom: 0; + width: 100%; + min-height: px2rem(650); + background: #170D00; + border-radius: px2rem(40) px2rem(40) 0px 0px; + + .name { + font-family: PingFang SC, PingFang SC; + font-weight: 600; + font-size: px2rem(32); + color: #FFE3AF; + text-align: center; + font-style: normal; + text-transform: none; + position: relative; + padding-top: px2rem(40); + + img { + width: px2rem(44); + height: px2rem(44); + position: absolute; + left: px2rem(18); + top: px2rem(36); + } + } + + .descPic { + padding: px2rem(32); + + img { + width: 100%; + height: px2rem(314); + } + } + + .authIntro { + font-family: PingFang SC, PingFang SC; + font-weight: 400; + font-size: px2rem(28); + color: #FFE3AF; + text-align: left; + font-style: normal; + text-transform: none; + padding: 0 px2rem(32); + opacity: 0.6; + } + } +} + +.bottom_renew { + position: fixed; + left: 0; + // top: 0; + bottom: 0; + right: 0; + z-index: 990; + padding: 0 px2rem(32) px2rem(52); + background: #150C00; + + .renew_bg { + position: relative; + } + + .wrap { + display: flex; + justify-content: space-between; + align-items: center; + position: absolute; + left: 4%; + right: 2%; + top: px2rem(5); + padding: 0 px2rem(32); + + .left { + display: flex; + align-items: center; + + img { + width: px2rem(40); + height: px2rem(40); + } + + .buyAmount { + font-family: PingFang SC, PingFang SC; + font-weight: 400; + font-size: px2rem(30); + color: #FFE3AF; + text-align: center; + font-style: normal; + text-transform: none; + margin-left: px2rem(8); + } + } + + .renew_btn { + background: url(../images/renew_btn.png) no-repeat; + background-size: 100% 100%; + width: px2rem(292); + height: px2rem(94); + display: flex; + justify-content: center; + align-items: center; + border-radius: px2rem(32); + font-family: PingFang SC, PingFang SC; + font-weight: 600; + font-size: px2rem(32); + color: #633000; + text-align: center; + font-style: normal; + text-transform: none; + } + } + + .wrap_txt { + font-family: PingFang SC, PingFang SC; + font-weight: 400; + font-size: px2rem(30); + color: #FFE3AF; + text-align: center; + font-style: normal; + text-transform: none; + position: absolute; + left: 4%; + right: 2%; + top: 50%; + bottom: 0; + transform: translateY(-50%); + display: none; + } +} + +.payPopup { + position: fixed; + left: 0; + top: 0; + bottom: 0; + right: 0; + z-index: 999; + background: rgba(0, 0, 0, 0.5); + display: none; + + .payPopup_warp { + position: absolute; + left: 50%; + transform: translateX(-50%); + bottom: 0; + width: 100%; + min-height: px2rem(440); + background: #FFFFFF; + border-radius: px2rem(32) px2rem(32) 0px 0px; + + // padding:0 px2rem(30); + .title { + font-family: PingFang SC, PingFang SC; + font-weight: 600; + font-size: px2rem(32); + color: #313131; + text-align: center; + font-style: normal; + text-transform: none; + margin-top: px2rem(24); + } + + .buyAmount { + display: flex; + justify-content: center; + align-items: center; + margin-top: px2rem(86); + + .num { + font-family: PingFang SC, PingFang SC; + font-weight: 500; + font-size: px2rem(56); + color: #313131; + text-align: center; + font-style: normal; + text-transform: none; + margin-right: px2rem(8); + } + + img { + width: px2rem(62); + height: px2rem(62); + } + } + + .pay_btn { + background: linear-gradient(270deg, #E29030 0%, #FCC074 100%); + border-radius: px2rem(32); + font-family: PingFang TC, PingFang TC; + font-weight: 500; + font-size: px2rem(32); + color: #FFFFFF; + text-align: center; + font-style: normal; + text-transform: none; + display: flex; + align-items: center; + justify-content: center; + padding: px2rem(20) px2rem(200); + margin: px2rem(84) px2rem(30) 0; + } + } +} + +// 自定义对话框样式 +.custom-dialog { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.5); + display: flex; + justify-content: center; + align-items: center; + z-index: 1000; + visibility: hidden; + opacity: 0; + transition: opacity 0.3s ease, visibility 0.3s ease; + + &.visible { + visibility: visible; + opacity: 1; + } + + .dialog-content { + background: #FFFFFF; + border-radius: px2rem(16); + width: px2rem(500); + max-width: 90%; + padding: px2rem(24); + box-shadow: 0 px2rem(8) px2rem(16) rgba(0, 0, 0, 0.2); + display: flex; + flex-direction: column; + } + + .dialog-header { + // display: flex; + // justify-content: space-between; + // align-items: center; + margin-bottom: px2rem(16); + text-align: center; + margin-top: px2rem(20); + .dialog-title { + font-family: PingFang SC, PingFang SC; + font-weight: 600; + font-size: px2rem(32); + color: #313131; + font-style: normal; + text-transform: none; + } + + } + + .dialog-footer { + display: flex; + justify-content: space-between; + margin-top: px2rem(50); + + .dialog-btn { + background: linear-gradient(270deg, #E29030 0%, #FCC074 100%); + border: none; + border-radius: px2rem(32); + font-family: PingFang SC, PingFang SC; + font-size: px2rem(32); + color: #FFFFFF; + text-align: center; + font-style: normal; + text-transform: none; + padding: px2rem(12) px2rem(40); + margin-left: px2rem(16); + cursor: pointer; + transition: background 0.3s ease; + width: px2rem(220); + &:hover { + background: linear-gradient(270deg, #FCC074 0%, #E29030 100%); + } + } + + .dialog-cancel { + background: #E0E0E0; + color: #333333; + + &:hover { + background: #BDBDBD; + } + } + } } \ No newline at end of file diff --git a/view/molistar/modules/vip_Center/images/conis2.png b/view/molistar/modules/vip_Center/images/conis2.png new file mode 100644 index 0000000000000000000000000000000000000000..874f3d45a30f2b38608f2ad72bc188b6258ea86e GIT binary patch literal 3663 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 literal 0 HcmV?d00001 diff --git a/view/molistar/modules/vip_Center/images/renew.png b/view/molistar/modules/vip_Center/images/renew.png new file mode 100644 index 0000000000000000000000000000000000000000..2d2835d2409fda0619d413cdbd2258d0d4960db3 GIT binary patch literal 6558 zcmY*ecOcaN8@EH5S#cu1$c!&CvJ#Gr%05{U;bgCHW=1lSP)3xMb%?WP8GVJb?k;4L zaqf=nyYRcdzu(dCpZDD#@9}zG&+Gj>&-?j2yK4kwpy#G1BO_zb)73I2Bcp&4|GUxB z5J$+Ru_WRTxvw!$lMFfpSR*65WT~fh(=^ByGd<$=>1>j$t80gTDF@l+cN$VncJLFvvsrp@f|eOe zX6J2b@v!kXlx!%+wyb!)*hc%T1?npyBkpJJNBCw2?l%PzM3(*gF|RU5bwHEXmE!8I z4-R|i&8}g^qcQbUDY1KbOO}GkZ;*Vo`(GQUgYmkA93Wo!2;$O$sZtk48Li8w7q#iw zMDw;Ba1S6o1FB9SHaH08RlsAu0a$t4d*7Kh=P~H^(5xP&qofix62697?bs=2e|9{6 zB#%GD?k}YD;F8qFqy!HQ0-JJwwy2GXienBS%f*>_fR6HGpjp_|J3@{L+_TfOaV_6& z>LUa@(SK*swR$kN9{%BH9G*e6qXq6a*-?J&uUUOO>Mdpr)nWViC_BfOj^{s07K#(^Woo06RQJ zaGS8#@F45m9$alW+0Av^t?TYmWH(qvi}=o3ZzeYV1+}S0zCqYmw0s{DXP-Y2#7eS<(NMI(j^QHWr>RI|tNM*w)-5XdoG<8ilk zhW0{}=w*ZgqZdXfTpM?-QTPgMpA&Sa8bB)=@{3hHb&mVoZsANpw6}%sH`ySD^T%;) z5^*z@0RO{(k_;yY4e&`{SJi5Gq)iC3A6_5=O%U6M*zD3H8dUox(w8#BXYpllm<{G) zT-yv!W~BXuZ*<1xN#HCQw&YhkxPjp8TQN5oSUaV(Kdt;MJ&V2NazaJiyVj$xv!)8d za@@U?Nohpw#&k4^>2NHb00lqf+64_d>uZ9GCfskABVO{m=$LudTa8%o#E!t9T!|o~ zpymHP#49EXLeW}m(8YKhVd2T!gLaYj6+NlEi+zd26oV1Pm0|b z=ecLU9796M@AZo!M$>j^U`V&ra^tCGO+cHIlRso}KD*DZ;2^&5vh|Ai@@*-ROunK6 zc0uD2C7-Q$H$iSQ!yoZEY_xsazrp;AD4yDH$?P+FV<2(qd{dC}O%;*7*e^(QpK8*a zWi&daJ>*ALd@ZZ$!=gyo$csu0FWu)C$C0Nfq`N2%Lyept-TvD|Oh`O)RW2%hcmMbo z-rI~|8HEmYa-Q*@ZcrAiNQ!mGjnh^1A^HL5NGB`)MUL_>aHYbZ?EU?)S)i-G3L6@{ zP#{Vhr{9X?!noUp&{Z8K2z*>74 z!cFoRzYm*=^X|Mw2Ze{1_#wOp%D6-oqKh}i(Q)?_`u}z5zk^~7#mIQ1tgP|CivJQ! z_`3BkcnFLV9-`{y1({!4@MkGtdZ0Z<5k!V&+mk9wBzY7N*}37acRR+R6gCP7AjhSjoMb*; zPO781S+~S~jdTccSuCB4mn8f7k-A9fS3QC16-N#oRs=>UC!CN8=mUkzRlxvq{)Oqo z&31k>DI|Lg3N&gg<3E?DXUTl5o<-2?v0JYUafm^$DJ1C<1A&aHJ$DFT<;;8yjnCkk zyUZ;287O?63bG*2zd@)`&+jaIUP?VQ7k{`LK`F<@cY1q@K^lDD`j>r1l&emT)a_K# z5CXnlZ9!@$SzI8b$S2DZdGTwwQTViXRuHsz0SZ@r6QZ9evEGVwPGhH91^+kP z{f>EYBKhSP4%(}zp~rhEcE_O`bIO6p7Qi(K`yH0KvycQ&u?9WEB2a) zse(dmy1GyI?!@-7q2pkb5ex0-O=+|)=xl3REehoYD~Y87p^qNZvw-IQ&fz)yhSEth zm+vjUZigEd!KY%6=)6ZiFw|WDP09FTHTl7#{Y^l{_?(rfev{=-9I(Z4O^gBv((l(f zW#@G;xs3ogAV8;kvP@Te_h#kzobrC*egaD^>pCTBph1__Y|d{G{9Ua&kPLU~=;L@a^*J_L7X zO0@v0+GU1%%r1y-E)dUV81_Ef)JRifrMVd@{y@CdXTQs+t|X#8I0_x(I|J5v2nzhi zVH%m{BAoo})Z6(c)IXbAjW{jawzrHPDO4JHA%v=bYUA2RgsP*+WJu-{Ni#CYH<44UJB8|3+D-aJq3^M=8`}C!`GuvrDXvo=U6b7s; z1~qH2S$CXBz6rF!Ww47YFZ7>3-Hj|VjpNJ8_JX2L_wBmh^R9(XHA(e0J@|ar>Os(` z|I)!9J8DgJ1huaraG;7 z+FhhVr`p7NE7sV^k)B1-{}v7Z4hAnHpet?wL7f5i?dV#pJaC}QW2-+Jls0ZKeny%G z-|%P>t!Ao|@BGvZxcAG)SaXJ|{|7`4_wU(OVWIPM@p96R)N{S`2aaLEeDU*3KJAt@ zU~X&AOM=^j<|Y-|^nbAU4@-PhISw3y9E_>OLL3cZDs4qdB0tcPl1hYzM7}uvDy0>2 zQmiZ8_RK`-8j7~A-JJa<7E##+Fc&=3 z;@T}iWjGxX!AmRLzWagy6qq)JjUbfg$0sG6Byd2W%ReEQtR#VScXC+Cr(tkGbp*OvF%BVdzl{JbT?(gs1$*}!9bj5!k9-efA70>@t0+O(h zMVbiAJ%KhRi@&SUZ%#%>c@G%o&h`sal@wB!3ZLQ;qG-oGa|E!sN@n5m_E%KJ8~heD zq77+_3(tFHk>uUE#vGsViB<5ryNY97KV0oii>H>@uFj%g4mnJV#2xc%`bcZ3k{Z}v zmq-_?U=II1t*Jrlp^OU+YpldGdG@x5w9~o5)}1mszjCUwA66b=(|Yx{;?YDiWPZe| zGE9pEn%TCjWL0kk>crFKTQVNg~l(s|PWCJgJE3vS?9D^W5^1^$lO^T^{w&vTA+@&-zbyxs&F+ z_vXHn^hr)7Y|6hvZ~%gB3NI*<{7*(9Hb;0%l#;;wD1j+j0Z3zUG{1d^6Z`yi z|K1*B0d(gI$vCn|M;7T`-79%xzd#`;4;Il!=Xkli5eluFe)C!EwUci3g)=SyeQhOL z62%dn#Bz<*5+iAAp>|NX7zV41IEMd2~f=cWs}dW!}9l4;fSV6 zaG*N0L$2(5stNVNJ(Q+)cU!3mjb98oGC;M$`8|L{rhPNDA3M2vmVkZvO@0e3q}fFE zu2<4$@LE|s=%VAp?Q%o9iF@GYkV}8ib63NHMYot%*M$?S^6iqcHowyNTS4eQJip%& zT!P}w3>y~N*_r{W_TVk=({mE2Z}&vG1i{Qbz8?k=mL=HUM3-~yEyzB?@(8BuFjs4t zbJ)y8lfo3gH2(|uO82%(u0ZwH3~=h2v(Ti47vd0_yx6yGgJzg0-L5t_cbPf8!uf8i3Y3u#CMAeIBVz8j?Fc<83yr|upC?<9ktm=@8W_OG3RxK)Rmz7b^Ou9H^#0; zml+d&5tmT~0-7(nQZf)9irfuSp^PNKXw1p5#%qGr_>$_Zz?lkV*;RZ?JB$G9-MN#^ zwx3RpS_)UMqOn%l+4nJ~kQZfJpfgU!uI8U`+g)AKZt#V$S%Q(V`aFnAJHU=Lqfn!c zV3qn+yT6GgfHCNSOVM7qoi11Gxk|pg)6B-Ks7;Z)_+`UDFVV3()|j1+({p-ucAfmQ z(f)8$`QlP5bDOzVumTr?Kf z%WfdH^f!){-qD~6SHoL3lTe8=UzKrYeBba1rIc|9+gGQGG02HX{>X7YCMe1LnK`57 zA%?Gmi*TjF@sc-2?aQ5&{>+}na-G8W@E4H7Wnq11Lu-WsP0~H??4t7Pi6B-)$ug`~ zrQ8>#ItcTb=ib7z%*zEYc^fhonw$eHwh8NSBoQ;chMQgJl}Zj@J0_&|fgH(KULPrx z`|;gxK;AY$P6p;wFL~M=3xzV+t!(b$@K_+Xbz1b1A2vIa7gfQPN-ZOtMJO9PXH|*( zC&Ab6%mENO7yDdMcI}ng-bjRbWqM}VcHCrdJ3aT}U>~b>TJX^rQ-}Z2$QLxRA&LHF z0rAqmRU!4R=d7Nz_xW9&jvDCEt41QAzlaa#nt(3u6@wJ{MmK6=cjV`WJGR;Jp%P=Y zFg=vpe)lF+IvM*%)Hbr@w@Q)E%M6|I^qeS5v0ZZ`pHEo)GKKqoquG_*wIpn#3)aGV z^6S$Cv5I@iQky@Es_d)}T>pvq;Vj2zj*9-XThmI>tQ?`{Rm5cL8pO_X4hdX*E{^+7 z*!ZSnNr2)Wgf9!d#pNdU4f+EjHzW8OX4&J78-QFnd*j224w=~HNvyTSZR8EEn+sopE* z;oOoAJk%&1X5HF}SI)IUkzov3xf)aSw?1L?_OB+BLjFa;d?sThBf!22{JD-1WcDK5 zw`c#zMb7L5ko3XrZW1L}vMyk7(hH-mcCewF0psR$c^?Hn(UTa+%L}ye1(mRJIdUZG zf)cxLA-Ny5wD%sGb52hZTf!=MyPbDkc|uNgvuRJ4uvJ@+(*9m>Eanv#>mWdE^7JJY zb^$ag={YMiE1W19bPY}a<5~VhmAHGcN0<>&&xT6nm0|yi56FV=z3vT>J|B(I^)vzh0L7)6QTmi8y4E(n({E^F9sp?)|zfaq~%~&ZWebk81 zaTyOqTtV5c;BxouJn;Hgj&p|(mzh;ld5%g6;GOMhoHif&*q|kGNp^ZUpg$#?u#=G& z@M|wbCo}IA!tA6#tOGL~W~>Aaw`hwaFeqT8#MR*6iWbvKe--B94G8_W0gK8Fv)Sgy zcRQ{um(+)c4lTk?ULT1UK}Lsa!F5vi^HM7C>*FYev8ud8)cCjG?cld+X~BcSC|82Y z=%oAHBnB4;fygQu*?};r!_)Uhj>DvPl({GO%N;PWu#cA$nvOgJ)m67r5f8co-baJO zi%y){jcX2(LSVxQ%SSWbg#r#@4uyc2>%jgIO1saR?y>n<96_jcGyC+f2cF#w10VRqEHN2EWI_;cxK}&R)6rJtBOlZ0 z+V7zkys>l@qVqCpVJO4<8IDd(BbWTgUM~lKVKyDpe6rBgfo?<71bjz5K#{{C*fyo`@Nq0)yo{x?YIzbp-*~aI65*w2}_YI_Y-Rn7yV!+X}Xu)B!mB+k7#(dM_M% aLZ0DyeA4H)+C}`}LZ+u}qy^QqkNOXoF0^9+ literal 0 HcmV?d00001 diff --git a/view/molistar/modules/vip_Center/images/renew_btn.png b/view/molistar/modules/vip_Center/images/renew_btn.png new file mode 100644 index 0000000000000000000000000000000000000000..2c8bf63e641e780f6166f51dd6b28502e045eb13 GIT binary patch literal 7833 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 r9jt*IqZziU0BF4Z_I?2%SM~o7PKA9qQ% literal 0 HcmV?d00001 diff --git a/view/molistar/modules/vip_Center/index.html b/view/molistar/modules/vip_Center/index.html index cfb593f..2e1863b 100644 --- a/view/molistar/modules/vip_Center/index.html +++ b/view/molistar/modules/vip_Center/index.html @@ -8,7 +8,6 @@ - @@ -18,17 +17,16 @@

vip中心

-
-
-
+
+
- +

Identification

- +
+
+
+
+ Privileges + +
+
+ +
+
+
+
+ +
+ +
+
+ + buyAmount +
+
Renew
+
+
VIP7 is only through activity
+
+ +
+
+
pay
+
+ 35000 + +
+
Confirm payment
+
+
+ +
+
+
+ Custom Dialog +
+
+ + +
+
+
@@ -57,4 +114,3 @@ - diff --git a/view/molistar/modules/vip_Center/js/index.js b/view/molistar/modules/vip_Center/js/index.js index 2b62caf..c26e196 100644 --- a/view/molistar/modules/vip_Center/js/index.js +++ b/view/molistar/modules/vip_Center/js/index.js @@ -44,177 +44,284 @@ $(function () { // 頂部返回事件 $('.back').click(() => { if (browser.android) { - window.androidJsObj.closeWebView() + window.androidJsObj.closeWebView() } else { - window.webkit.messageHandlers.closeWebView.postMessage(null) + window.webkit.messageHandlers.closeWebView.postMessage(null) } - }) + }) fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言 langReplace = window.lang.replace; localLang = window.lang; renderImgOption(); - swiperFun() + // swiperFun() }, 100) }) var vipInfos; var mySwiper; +var vipAuthInfos; function renderImgOption() { networkRequest({ type: 'get', url: urlPrefix + '/vip/v2/getVipPageInfo', success(res) { - - if(res.code == 200){ - vipInfos = res.data.vipInfos - const swiperWrapper = $('.swiper-wrapper'); - swiperWrapper.empty() - vipInfos.forEach((item, index) => { - if (item.remainSeconds) { - let now = new Date().getTime(); - let date = new Date(now +item.remainSeconds * 1000); // 时间戳单位是秒，需要乘以1000转换为毫秒 - dueDate = dateFormat(date,'yyyy-MM-dd'); - } - const slideHtml = ` + if (res.code == 200) { + vipInfos = res.data.vipInfos + vipAuthInfos = res.data.vipAuthInfos + const swiperWrapper = $('.swiper-wrapper'); + swiperWrapper.empty() + + vipInfos.forEach((item, index) => { + if (item.remainSeconds) { + let now = new Date().getTime(); + let date = new Date(now + item.remainSeconds * 1000); // 时间戳单位是秒，需要乘以1000转换为毫秒 + dueDate = dateFormat(date, 'yyyy-MM-dd'); + } + const slideHtml = `
-

${ item.remainSeconds? 'Due on:'+dueDate : '未获得'}

+

${item.remainSeconds ? 'Due on:' + dueDate : '未获得'}

`; - swiperWrapper.append(slideHtml); - }); + swiperWrapper.append(slideHtml); + }); + // 重新初始化 Swiper + if (mySwiper) { + mySwiper.destroy(); + } + renderPermission(0) + swiperFun(); + - // 重新初始化 Swiper - if (mySwiper) { - mySwiper.destroy(); - } - renderPermission(0) - swiperFun(); } }, }) - // networkRequest({ - // type: 'get', - // url: urlPrefix + '/user/get', - // success(res) { - - - // }, - // }) } // 禮物輪播 function swiperFun() { - mySwiper = new Swiper('.swiper', { - // direction: "vertical", - // loop: true, - // autoplay: { - // delay: 3500,// - // disableOnInteraction: false - // } + mySwiper = new Swiper('.swiper', { slidesPerView: 'auto', // 自动计算每页显示的幻灯片数量 spaceBetween: -40, // 幻灯片之间的间距（负值表示重叠） centeredSlides: true, // 中心化幻灯片 - on:{ + on: { slideChange: function () { const activeSlide = this.activeIndex; // const activeSlideObj = vipInfos[activeSlide] - console.log(activeSlide,'-------') + console.log(activeSlide, '-------') renderPermission(activeSlide) } } }) + // 跳转最高vip等级 + const vip = vipInfos.map((item, index) => ({ item, index })) + .filter(({ item }) => item.remainSeconds) + .map(({ index }) => index); + mySwiper.slideTo(vip[vip.length - 1], 1000); } -function renderPermission(index){ - $('.box_warp').empty() - vipIdentification[index].forEach((item, index) => { - var str =` +function renderPermission(actIndex) { + // 权益渲染 + $('.permission .box_warp').empty() + vipIdentification[actIndex].forEach((item, index) => { + var str = `

${item.name}

` - $('.box_warp').append(str); + $('.permission .box_warp').append(str); }) + // 专有权列表渲染 + $('.exclusive_discounts .title_name .num').text(`(${vipInfos[actIndex].ownAuthTypes.length}/${vipAuthInfos.length})`) + + $('.exclusive_discounts .box_warp').empty() + vipAuthInfos.forEach((item, index) => { + var str = ` +
+ +

${item.authName}

+
+ ` + var $contentBox = $(str); + if (!vipInfos[actIndex].ownAuthTypes.includes(item.authType)) { + $contentBox.addClass('noactive') + } + $('.exclusive_discounts .box_warp').append($contentBox); + }) + // 购买弹窗 + if (vipInfos[actIndex].buyAmount != 0) { + $('.payPopup .payPopup_warp .buyAmount .num').text(vipInfos[actIndex].buyAmount) + $('.bottom_renew .wrap .left .buyAmount').text(`${vipInfos[actIndex].buyAmount}/30`) + $('.payPopup .payPopup_warp .pay_btn').attr('vipLevel', vipInfos[actIndex].vipLevel) + $('.bottom_renew .wrap').show() + $('.bottom_renew .wrap_txt').hide() + } else { + $('.bottom_renew .wrap_txt').text(`${vipInfos[actIndex].vipName} is only through activity`) + $('.bottom_renew .wrap').hide() + $('.bottom_renew .wrap_txt').show() + } } +// 点击购买 +$('.payPopup .payPopup_warp .pay_btn').click(function () { + let vipLevel = $(this).attr('vipLevel') + showLoading(); + networkRequest({ + type: "post", + url: urlPrefix + "/vip/openWithDiamond", + contentType: 'application/json;charset=UTF-8', + data: { + // roomUid:pubInfo.uid, + roomUid:3838, + vipLevel + }, + success: function (res) { + $('.payPopup').hide() + if (res.code == 200) { + } else { + // toastMsg(res.message); + $('.custom-dialog .dialog-content .dialog-title').text(res.message) + $('.custom-dialog').addClass('visible'); + } + hideLoading(layerIndex); + }, + error: function (res) { + hideLoading(layerIndex); + }, + }); +}) + // 点击对话框外部关闭对话框 + $('.custom-dialog').on('click', function (event) { + if ($(event.target).is('.custom-dialog')) { + $('.custom-dialog').removeClass('visible'); + } +}); + // 确认按钮的触发事件 + $('.custom-dialog .dialog-confirm').on('click', function () { + // 执行确认操作 + $('.custom-dialog').removeClass('visible'); + if(browser.app){ + if(browser.android){ + // window.androidJsObj.openChargePage() + tools.nativeUtils.jumpAppointPage('RECHARGE_PAGE') + }else if(browser.ios){ + window.webkit.messageHandlers.openChargePage.postMessage(null) + } +}else{ + toastMsg('请在app内打开') +} +}); +// 取消按钮的触发事件 +$('.custom-dialog .dialog-cancel').on('click', function () { + // 执行确认操作 + $('.custom-dialog').removeClass('visible'); +}); + +// 点击详情弹窗 +$('.exclusive_discounts .box_warp').on('click', '.content_box', function () { + let obj = JSON.parse($(this).attr("obj")) + $('.selectAccount .selectAccount_in .descPic img').attr('src', obj.descPic) + $('.selectAccount .selectAccount_in .authIntro').text(obj.authIntro) + $('.selectAccount').show() +}) +// 关闭详情弹窗 +$('.selectAccount').click(function () { + $('.selectAccount').hide() +}) +$('.selectAccount .selectAccount_in .name img').click(function () { + $('.selectAccount').hide() +}) +// 购买弹窗 +$('.bottom_renew .wrap .renew_btn').on('click', function () { + $('.payPopup').show() +}) +$('.payPopup').click(function () { + $('.payPopup').hide() +}) +$('.payPopup .payPopup_warp').on('click', function () { + return false; +}) +// +$('.selectAccount .selectAccount_in').on('click', function () { + return false; +}) var vipOption = [ - {img:'./images/vip1_bg.png'}, - {img:'./images/vip2_bg.png'}, - {img:'./images/vip3_bg.png'}, - {img:'./images/vip4_bg.png'}, - {img:'./images/vip5_bg.png'}, - {img:'./images/vip6_bg.png'}, - {img:'./images/vip7_bg.png'}, - {img:'./images/vip8_bg.png'}, - {img:'./images/vip9_bg.png'}, + { img: './images/vip1_bg.png' }, + { img: './images/vip2_bg.png' }, + { img: './images/vip3_bg.png' }, + { img: './images/vip4_bg.png' }, + { img: './images/vip5_bg.png' }, + { img: './images/vip6_bg.png' }, + { img: './images/vip7_bg.png' }, + { img: './images/vip8_bg.png' }, + { img: './images/vip9_bg.png' }, ] var vipIdentification = [ [ - {img:'./images/vip1_headimg.png',name:'头像'}, - {img:'./images/vip1_identity.png',name:'头像'}, + { img: './images/vip1_headimg.png', name: '头像' }, + { img: './images/vip1_identity.png', name: '头像' }, ], [ - {img:'./images/vip2_headimg.png',name:'头像'}, - {img:'./images/vip2_identity.png',name:'头像'}, - {img:'./images/vip2_card.png',name:'头像'}, + { img: './images/vip2_headimg.png', name: '头像' }, + { img: './images/vip2_identity.png', name: '头像' }, + { img: './images/vip2_card.png', name: '头像' }, ], [ - {img:'./images/vip3_headimg.png',name:'头像'}, - {img:'./images/vip3_identity.png',name:'头像'}, - {img:'./images/vip3_card.png',name:'头像'}, - {img:'./images/vip3_txk.png',name:'头像'}, + { img: './images/vip3_headimg.png', name: '头像' }, + { img: './images/vip3_identity.png', name: '头像' }, + { img: './images/vip3_card.png', name: '头像' }, + { img: './images/vip3_txk.png', name: '头像' }, ], [ - {img:'./images/vip4_headimg.png',name:'头像'}, - {img:'./images/vip4_identity.png',name:'头像'}, - {img:'./images/vip4_card.png',name:'头像'}, - {img:'./images/vip4_txk.png',name:'头像'}, - {img:'./images/vip4_qp.png',name:'头像'}, + { img: './images/vip4_headimg.png', name: '头像' }, + { img: './images/vip4_identity.png', name: '头像' }, + { img: './images/vip4_card.png', name: '头像' }, + { img: './images/vip4_txk.png', name: '头像' }, + { img: './images/vip4_qp.png', name: '头像' }, ], [ - {img:'./images/vip5_headimg.png',name:'头像'}, - {img:'./images/vip5_identity.png',name:'头像'}, - {img:'./images/vip5_card.png',name:'头像'}, - {img:'./images/vip5_txk.png',name:'头像'}, - {img:'./images/vip5_qp.png',name:'头像'}, - {img:'./images/vip5_jctx.png',name:'头像'}, + { img: './images/vip5_headimg.png', name: '头像' }, + { img: './images/vip5_identity.png', name: '头像' }, + { img: './images/vip5_card.png', name: '头像' }, + { img: './images/vip5_txk.png', name: '头像' }, + { img: './images/vip5_qp.png', name: '头像' }, + { img: './images/vip5_jctx.png', name: '头像' }, ], [ - {img:'./images/vip6_headimg.png',name:'头像'}, - {img:'./images/vip6_identity.png',name:'头像'}, - {img:'./images/vip6_card.png',name:'头像'}, - {img:'./images/vip6_txk.png',name:'头像'}, - {img:'./images/vip6_qp.png',name:'头像'}, - {img:'./images/vip6_jctx.png',name:'头像'}, + { img: './images/vip6_headimg.png', name: '头像' }, + { img: './images/vip6_identity.png', name: '头像' }, + { img: './images/vip6_card.png', name: '头像' }, + { img: './images/vip6_txk.png', name: '头像' }, + { img: './images/vip6_qp.png', name: '头像' }, + { img: './images/vip6_jctx.png', name: '头像' }, ], [ - {img:'./images/vip7_headimg.png',name:'头像'}, - {img:'./images/vip7_identity.png',name:'头像'}, - {img:'./images/vip7_card.png',name:'头像'}, - {img:'./images/vip7_txk.png',name:'头像'}, - {img:'./images/vip7_qp.png',name:'头像'}, - {img:'./images/vip7_jctx.png',name:'头像'}, + { img: './images/vip7_headimg.png', name: '头像' }, + { img: './images/vip7_identity.png', name: '头像' }, + { img: './images/vip7_card.png', name: '头像' }, + { img: './images/vip7_txk.png', name: '头像' }, + { img: './images/vip7_qp.png', name: '头像' }, + { img: './images/vip7_jctx.png', name: '头像' }, ], [ - {img:'./images/vip8_headimg.png',name:'头像'}, - {img:'./images/vip8_identity.png',name:'头像'}, - {img:'./images/vip8_card.png',name:'头像'}, - {img:'./images/vip8_txk.png',name:'头像'}, - {img:'./images/vip8_qp.png',name:'头像'}, - {img:'./images/vip8_jctx.png',name:'头像'}, + { img: './images/vip8_headimg.png', name: '头像' }, + { img: './images/vip8_identity.png', name: '头像' }, + { img: './images/vip8_card.png', name: '头像' }, + { img: './images/vip8_txk.png', name: '头像' }, + { img: './images/vip8_qp.png', name: '头像' }, + { img: './images/vip8_jctx.png', name: '头像' }, ], [ - {img:'./images/vip9_headimg.png',name:'头像'}, - {img:'./images/vip9_identity.png',name:'头像'}, - {img:'./images/vip9_card.png',name:'头像'}, - {img:'./images/vip9_txk.png',name:'头像'}, - {img:'./images/vip9_qp.png',name:'头像'}, - {img:'./images/vip9_jctx.png',name:'头像'}, + { img: './images/vip9_headimg.png', name: '头像' }, + { img: './images/vip9_identity.png', name: '头像' }, + { img: './images/vip9_card.png', name: '头像' }, + { img: './images/vip9_txk.png', name: '头像' }, + { img: './images/vip9_qp.png', name: '头像' }, + { img: './images/vip9_jctx.png', name: '头像' }, ], ] \ No newline at end of file