diff --git a/view/molistar/activity/shortLink/css/.sass-cache/1d5690c1d66d96bc453bfe923d9c743ff6a7b559/index.scssc b/view/molistar/activity/shortLink/css/.sass-cache/1d5690c1d66d96bc453bfe923d9c743ff6a7b559/index.scssc new file mode 100644 index 0000000..f15513b Binary files /dev/null and b/view/molistar/activity/shortLink/css/.sass-cache/1d5690c1d66d96bc453bfe923d9c743ff6a7b559/index.scssc differ diff --git a/view/molistar/activity/shortLink/css/index.css b/view/molistar/activity/shortLink/css/index.css index ac29398..5e4552b 100644 --- a/view/molistar/activity/shortLink/css/index.css +++ b/view/molistar/activity/shortLink/css/index.css @@ -5,8 +5,48 @@ body { background: #E01F3F; } +.header { + position: relative; +} +.header .headerImg { + width: 100%; +} +.header .info { + background-image: url("../images/touxiang.png"); + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0.4266666667rem; + display: flex; + align-items: center; + justify-content: center; + width: 50%; + position: absolute; + top: 1.2rem; + left: 0; + right: 0; + margin: 0 auto; + padding: 0.08rem 0; +} +.header .info span { + font-family: PingFang SC; + font-weight: 600; + font-size: 0.3466666667rem; + color: #000000; +} +.header .info img { + width: 0.8rem; + height: 0.8rem; + border-radius: 50%; + margin-left: 0.16rem; +} + +.zh_content { + margin-bottom: 2.6666666667rem; +} + .game_boxwrap { - padding: 0 0.4rem; + margin: 0 0.4rem; position: relative; } .game_boxwrap .gameImg { @@ -17,7 +57,8 @@ body { border-radius: 0.4266666667rem; position: absolute; top: 90%; - width: 9.2rem; + left: 0; + right: 0; } .game_boxwrap .wrap .game_item { background: linear-gradient(0deg, #FFFCED, #FEF3BD); @@ -26,6 +67,15 @@ body { margin: 0.2666666667rem; margin-bottom: 0; } +.game_boxwrap .wrap .swiper { + height: 2.6666666667rem; + left: 50%; + transform: translateX(-50%); +} +.game_boxwrap .wrap .swiper .swiper-wrapper { + width: 100%; + height: 100%; +} .game_boxwrap .wrap .game_content { margin: 0.2666666667rem 0.2666666667rem 0.2666666667rem 0.4rem; } @@ -33,6 +83,9 @@ body { display: flex; align-items: center; } +.game_boxwrap .wrap .game_content .flex_box .info { + text-align: center; +} .game_boxwrap .wrap .game_content .flex_box .info img { width: 1.0666666667rem; height: 1.0666666667rem; @@ -43,7 +96,7 @@ body { font-weight: 400; font-size: 0.32rem; color: #381600; - text-align: center; + margin-top: 0.1066666667rem; } .game_boxwrap .wrap .game_content .flex_box .right { display: flex; @@ -76,9 +129,9 @@ body { } .gift_boxwrap { - padding: 0 0.4rem; + margin: 0 0.4rem; position: relative; - margin-top: 2rem; + margin-top: 11.3333333333rem; } .gift_boxwrap .giftImg { width: 100%; @@ -88,12 +141,15 @@ body { border-radius: 0.4266666667rem; position: absolute; top: 90%; - width: 9.2rem; } -.gift_boxwrap .wrap #gift_item { +.gift_boxwrap .wrap .swiper { height: 2.6666666667rem; - /* 设置一个固定高度 */ - overflow: hidden; + left: 50%; + transform: translateX(-50%); +} +.gift_boxwrap .wrap .swiper .swiper-wrapper { + width: 100%; + height: 100%; } .gift_boxwrap .wrap .gift_content { position: relative; @@ -156,11 +212,106 @@ body { color: #FFFFFF; text-align: center; } -.gift_boxwrap .wrap .content.show { - transform: translateY(0); + +.wealth_boxwrap { + margin: 0 0.4rem; + position: relative; + margin-top: 5.3333333333rem; } -.gift_boxwrap .wrap .content.hide { - transform: translateY(-100%); +.wealth_boxwrap .wrap { + background: linear-gradient(0deg, #FEFEFD, #FFF4CD); + border-radius: 0.4266666667rem; + position: absolute; + top: 90%; +} +.wealth_boxwrap .wrap .wealth_content { + padding-top: 0.3466666667rem; +} + +.invite_boxwrap { + margin: 5.3333333333rem 0.4rem; + position: relative; +} +.invite_boxwrap .wrap { + background: linear-gradient(0deg, #FEFEFD, #FFF4CD); + border-radius: 0.4266666667rem; + position: absolute; + top: 90%; + width: 100%; +} +.invite_boxwrap .wrap .invite_content { + padding: 0.4533333333rem 0.2933333333rem; +} +.invite_boxwrap .wrap .invite_content .txt { + font-family: PingFang SC; + font-weight: 400; + font-size: 0.4rem; + color: #381600; + line-height: 0.64rem; +} +.invite_boxwrap .wrap .invite_content #txt9, +.invite_boxwrap .wrap .invite_content #txt11 { + color: #D9000A; + box-shadow: 0 -0.2133333333rem 0 #FFDF6F inset; +} + +.bottom_boxwrap { + background: linear-gradient(0deg, #FFE4A2, #FFE755); + border-radius: 0.4266666667rem 0.4266666667rem 0px 0px; + position: fixed; + bottom: 0; + display: flex; + align-items: center; + left: 0; + right: 0; + box-sizing: border-box; + padding: 0 0 0 0.4rem; + z-index: 99; +} +.bottom_boxwrap .logo img { + width: 1.4133333333rem; + height: 1.4133333333rem; +} +.bottom_boxwrap .detail { + margin-left: 0.2666666667rem; +} +.bottom_boxwrap .detail .title { + font-family: PingFang SC; + font-weight: 600; + font-size: 0.4266666667rem; + color: #381600; +} +.bottom_boxwrap .detail .txt { + font-family: PingFang SC; + font-weight: 400; + font-size: 0.3733333333rem; + color: #381600; + margin-top: 0.2666666667rem; +} +.bottom_boxwrap .detail .txt img { + width: 0.3466666667rem; + height: 0.3466666667rem; +} +.bottom_boxwrap .open { + background-image: url("../images/btn.png"); + background-repeat: no-repeat; + background-size: cover; + background-position: center; + /* 居中 */ + width: 3.1466666667rem; + height: 2.1333333333rem; + display: flex; + align-items: center; + justify-content: center; + margin-left: 0.24rem; + margin-left: auto; + margin-right: 0.1333333333rem; +} +.bottom_boxwrap .open .txt { + font-family: PingFang SC; + font-weight: 600; + font-size: 0.4533333333rem; + color: #FFFFFF; } .txt_bottom { diff --git a/view/molistar/activity/shortLink/css/index.scss b/view/molistar/activity/shortLink/css/index.scss index b54aba2..b3c4cd7 100644 --- a/view/molistar/activity/shortLink/css/index.scss +++ b/view/molistar/activity/shortLink/css/index.scss @@ -10,13 +10,48 @@ body { } .header { + position: relative; .headerImg { - // width: 100%; + width: 100%; + // height: px2rem(458); + } + + .info { + background-image: url('../images/touxiang.png'); + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: px2rem(32); + display: flex; + align-items: center; + justify-content: center; + width: 50%; + position: absolute; + top: px2rem(90); + left: 0; + right: 0; + margin: 0 auto; + padding: px2rem(6) 0; + span { + font-family: PingFang SC; + font-weight: 600; + font-size: px2rem(26); + color: #000000; + } + + img { + width: px2rem(60); + height: px2rem(60); + border-radius: 50%; + margin-left: px2rem(12); + } } } - +.zh_content{ + margin-bottom: px2rem(200); +} .game_boxwrap { - padding: 0 px2rem(30); + margin: 0 px2rem(30); position: relative; // height: px2rem(500); @@ -29,7 +64,9 @@ body { border-radius: px2rem(32); position: absolute; top: 90%; - width: px2rem(690); + // width: px2rem(690); + left: 0; + right: 0; .game_item { background: linear-gradient(0deg, #FFFCED, #FEF3BD); @@ -37,6 +74,22 @@ body { border: px2rem(2) solid #FFAB6B; margin: px2rem(20); margin-bottom: 0; + // height: px2rem(198); + // /* 设置一个固定高度 */ + // overflow: hidden; + // position: relative; + + } + + .swiper { + height: px2rem(200); + left: 50%; + transform: translateX(-50%); + + .swiper-wrapper { + width: 100%; + height: 100%; + } } .game_content { @@ -48,6 +101,8 @@ body { align-items: center; .info { + text-align: center; + img { width: px2rem(80); height: px2rem(80); @@ -59,7 +114,7 @@ body { font-weight: 400; font-size: px2rem(24); color: #381600; - text-align: center; + margin-top: px2rem(8); } } @@ -103,9 +158,9 @@ body { } .gift_boxwrap { - padding: 0 px2rem(30); + margin: 0 px2rem(30); position: relative; - margin-top: px2rem(150); + margin-top: px2rem(850); .giftImg { width: 100%; @@ -116,12 +171,24 @@ body { border-radius: px2rem(32); position: absolute; top: 90%; - width: px2rem(690); + // width: px2rem(690); #gift_item { + // height: px2rem(200); + // /* 设置一个固定高度 */ + // overflow: hidden; + + } + + .swiper { height: px2rem(200); - /* 设置一个固定高度 */ - overflow: hidden; + left: 50%; + transform: translateX(-50%); + + .swiper-wrapper { + width: 100%; + height: 100%; + } } .gift_content { @@ -204,13 +271,132 @@ body { } } + } +} - .content.show { - transform: translateY(0); +.wealth_boxwrap { + margin: 0 px2rem(30); + position: relative; + margin-top: px2rem(400); + + .wrap { + background: linear-gradient(0deg, #FEFEFD, #FFF4CD); + border-radius: px2rem(32); + position: absolute; + top: 90%; + + .wealth_content { + padding-top: px2rem(26); + } + } +} + +.invite_boxwrap { + margin: px2rem(400) px2rem(30); + position: relative; + + .wrap { + background: linear-gradient(0deg, #FEFEFD, #FFF4CD); + border-radius: px2rem(32); + position: absolute; + top: 90%; + width: 100%; + + .invite_content { + padding: px2rem(34) px2rem(22); + + .txt { + font-family: PingFang SC; + font-weight: 400; + font-size: px2rem(30); + color: #381600; + line-height: px2rem(48); + } + + #txt9, + #txt11 { + color: #D9000A; + box-shadow: 0 px2rem(-16) 0 #FFDF6F inset; + } + + // #txt9 ,#txt11::after{ + // content: ''; + // position: absolute; + // left: 0; + // bottom: 0; + // width: 100%; + // height: 0.2rem; + // background-color: red; + // transform: translateY(-50%); + // } + } + } +} + +.bottom_boxwrap { + background: linear-gradient(0deg, #FFE4A2, #FFE755); + border-radius: px2rem(32) px2rem(32) 0px 0px; + position: fixed; + bottom: 0; + display: flex; + align-items: center; + left: 0; + right: 0; + box-sizing: border-box; + padding: 0 0 0 px2rem(30); + z-index: 99; + .logo { + img { + width: px2rem(106); + height: px2rem(106); + } + } + + .detail { + margin-left: px2rem(20); + + .title { + font-family: PingFang SC; + font-weight: 600; + font-size: px2rem(32); + color: #381600; } - .content.hide { - transform: translateY(-100%); + .txt { + font-family: PingFang SC; + font-weight: 400; + font-size: px2rem(28); + color: #381600; + margin-top: px2rem(20); + + img { + width: px2rem(26); + height: px2rem(26); + } + } + + } + + .open { + background-image: url('../images/btn.png'); + background-repeat: no-repeat; + background-size: cover; + background-position: center; + /* 居中 */ + width: px2rem(236); + height: px2rem(160); + display: flex; + align-items: center; + justify-content: center; + margin-left: px2rem(18); + margin-left: auto; + margin-right: px2rem(10); + + .txt { + font-family: PingFang SC; + font-weight: 600; + font-size: px2rem(34); + color: #FFFFFF; } } } diff --git a/view/molistar/activity/shortLink/css/swiper-bundle.min.css b/view/molistar/activity/shortLink/css/swiper-bundle.min.css new file mode 100644 index 0000000..3db37f0 --- /dev/null +++ b/view/molistar/activity/shortLink/css/swiper-bundle.min.css @@ -0,0 +1,13 @@ +/** + * Swiper 8.2.4 + * Most modern mobile touch slider and framework with hardware accelerated transitions + * https://swiperjs.com + * + * Copyright 2014-2022 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: June 13, 2022 + */ + + @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, 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');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} \ No newline at end of file diff --git a/view/molistar/activity/shortLink/images/btn.png b/view/molistar/activity/shortLink/images/btn.png new file mode 100644 index 0000000..b657c02 Binary files /dev/null and b/view/molistar/activity/shortLink/images/btn.png differ diff --git a/view/molistar/activity/shortLink/images/caifu-ar.png b/view/molistar/activity/shortLink/images/caifu-ar.png new file mode 100644 index 0000000..688a8e5 Binary files /dev/null and b/view/molistar/activity/shortLink/images/caifu-ar.png differ diff --git a/view/molistar/activity/shortLink/images/caifu-en.png b/view/molistar/activity/shortLink/images/caifu-en.png new file mode 100644 index 0000000..d2eaa6a Binary files /dev/null and b/view/molistar/activity/shortLink/images/caifu-en.png differ diff --git a/view/molistar/activity/shortLink/images/caifu-tr.png b/view/molistar/activity/shortLink/images/caifu-tr.png new file mode 100644 index 0000000..a4c99e2 Binary files /dev/null and b/view/molistar/activity/shortLink/images/caifu-tr.png differ diff --git a/view/molistar/activity/shortLink/images/fuzhi.png b/view/molistar/activity/shortLink/images/fuzhi.png new file mode 100644 index 0000000..eaafb84 Binary files /dev/null and b/view/molistar/activity/shortLink/images/fuzhi.png differ diff --git a/view/molistar/activity/shortLink/images/jinbi.png b/view/molistar/activity/shortLink/images/jinbi.png new file mode 100644 index 0000000..6816c69 Binary files /dev/null and b/view/molistar/activity/shortLink/images/jinbi.png differ diff --git a/view/molistar/activity/shortLink/images/logo.png b/view/molistar/activity/shortLink/images/logo.png new file mode 100644 index 0000000..94b0cb7 Binary files /dev/null and b/view/molistar/activity/shortLink/images/logo.png differ diff --git a/view/molistar/activity/shortLink/images/top-ar.png b/view/molistar/activity/shortLink/images/top-ar.png index 9574f5d..333decd 100644 Binary files a/view/molistar/activity/shortLink/images/top-ar.png and b/view/molistar/activity/shortLink/images/top-ar.png differ diff --git a/view/molistar/activity/shortLink/images/top-en.png b/view/molistar/activity/shortLink/images/top-en.png index ceebe8c..69d15f1 100644 Binary files a/view/molistar/activity/shortLink/images/top-en.png and b/view/molistar/activity/shortLink/images/top-en.png differ diff --git a/view/molistar/activity/shortLink/images/top-tr.png b/view/molistar/activity/shortLink/images/top-tr.png index bbb4fe6..fe42efd 100644 Binary files a/view/molistar/activity/shortLink/images/top-tr.png and b/view/molistar/activity/shortLink/images/top-tr.png differ diff --git a/view/molistar/activity/shortLink/images/top-zh.png b/view/molistar/activity/shortLink/images/top-zh.png index 4d3a9d1..43c6290 100644 Binary files a/view/molistar/activity/shortLink/images/top-zh.png and b/view/molistar/activity/shortLink/images/top-zh.png differ diff --git a/view/molistar/activity/shortLink/images/touxiang.png b/view/molistar/activity/shortLink/images/touxiang.png new file mode 100644 index 0000000..9498893 Binary files /dev/null and b/view/molistar/activity/shortLink/images/touxiang.png differ diff --git a/view/molistar/activity/shortLink/images/wealth.png b/view/molistar/activity/shortLink/images/wealth.png new file mode 100644 index 0000000..a2d0633 Binary files /dev/null and b/view/molistar/activity/shortLink/images/wealth.png differ diff --git a/view/molistar/activity/shortLink/images/yaoqing-ar.png b/view/molistar/activity/shortLink/images/yaoqing-ar.png new file mode 100644 index 0000000..182b65a Binary files /dev/null and b/view/molistar/activity/shortLink/images/yaoqing-ar.png differ diff --git a/view/molistar/activity/shortLink/images/yaoqing-en.png b/view/molistar/activity/shortLink/images/yaoqing-en.png new file mode 100644 index 0000000..517e4e8 Binary files /dev/null and b/view/molistar/activity/shortLink/images/yaoqing-en.png differ diff --git a/view/molistar/activity/shortLink/images/yaoqing-tr.png b/view/molistar/activity/shortLink/images/yaoqing-tr.png new file mode 100644 index 0000000..057979a Binary files /dev/null and b/view/molistar/activity/shortLink/images/yaoqing-tr.png differ diff --git a/view/molistar/activity/shortLink/images/zhtu.png b/view/molistar/activity/shortLink/images/zhtu.png new file mode 100644 index 0000000..b9b92ef Binary files /dev/null and b/view/molistar/activity/shortLink/images/zhtu.png differ diff --git a/view/molistar/activity/shortLink/index.html b/view/molistar/activity/shortLink/index.html index 463d86c..a368143 100644 --- a/view/molistar/activity/shortLink/index.html +++ b/view/molistar/activity/shortLink/index.html @@ -7,68 +7,137 @@ +
+
- -
- -
-
-
-
-
- -
A****
-
-
- - -
10000
-
+ + + +
+ +
+ +
+
+
+
+
+
+
+
+ * Display data comes from real records in the App +
+
* 1$=7K coins in the App
+
+ * Coins obtained in luck can only be used in the app and cannot be + exchanged for cash
-
Spend 120 Coins Win 54 Times
-
-
- * Display data comes from real records in the App +
+ +
+ +
+
+
-
* 1$=7K coins in the App
-
- * Coins obtained in luck can only be used in the app and cannot be - exchanged for cash +
+
+ * Display data comes from real records in the App +
+
* 1$=7K coins in the App
+
+ * Coins obtained in luck can only be used in the app and cannot be + exchanged for cash +
+
+
+
+ + +
+ +
+
+
+
+
+
+
+
+ * Display data comes from real records in the App +
+
* 1$=7K coins in the App
+
+ * Coins obtained in luck can only be used in the app and cannot be + exchanged for cash +
+
+
+
+ + +
+ +
+
+
Invite friends to recharge!
+
+ He recharges! + You get coins! ! +
+
+ His friends recharge! + You can also get coins! ! ! +
- - +
+ +
+
MoliStar
+
+ Invitation code:dsajkz +
-
--> +
+ +
Open
+
+
@@ -85,3 +154,4 @@ + diff --git a/view/molistar/activity/shortLink/js/index.js b/view/molistar/activity/shortLink/js/index.js index 8a3b5cd..e0fd0f5 100644 --- a/view/molistar/activity/shortLink/js/index.js +++ b/view/molistar/activity/shortLink/js/index.js @@ -2,142 +2,161 @@ let urlPrefix = getUrlPrefix() let browser = checkVersion() let env = EnvCheck(); if (env == 'test') { - new VConsole(); + new VConsole(); } // 封裝layer消息提醒框 let layerIndex var langReplace; var localLang; -// const showLoading = (content = langReplace(localLang.demoModule.layerIndex1)) => { -// layer.open({ -// type: 2, -// shadeClose: false, -// content, -// success(e) { -// layerIndex = $(e).attr('index') -// } -// }) -// } -// const hideLoading = (index) => { -// layer.close(index) -// } -// const toastMsg = (content = langReplace(localLang.demoModule.layerIndex2), time = 2) => { -// layer.open({ -// content, -// time, -// skin: 'msg' -// }) -// } -var countupTime;//倒计时容器 -var loadedCount = 0; // 已加載的數據數量 -var pageSize = 7; // 每次加載的數據數量 -var listTo3 = []; -var notListTo3 = []; // 每次加載的數據數量 +const showLoading = (content = langReplace(localLang.demoModule.layerIndex1)) => { + layer.open({ + type: 2, + shadeClose: false, + content, + success(e) { + layerIndex = $(e).attr('index') + } + }) +} +const hideLoading = (index) => { + layer.close(index) +} +const toastMsg = (content = langReplace(localLang.demoModule.layerIndex2), time = 2) => { + layer.open({ + content, + time, + skin: 'msg' + }) +} +var code = '' +var inviteCode = '' // 初始化函數 $(function () { - getInfoFromClient(); + getInfoFromClient(); + fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言 + setTimeout(function () { + // 頁面全屏 + if (browser.app) { + if (browser.android) { + window.androidJsObj.initShowNav(false) + } else { + window.webkit.messageHandlers.initShowNav.postMessage(0) + } + }; fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言 - setTimeout(function () { - // 頁面全屏 - if (browser.app) { - if (browser.android) { - window.androidJsObj.initShowNav(false) - } else { - window.webkit.messageHandlers.initShowNav.postMessage(0) - } - }; - fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言 - langReplace = window.lang.replace; - localLang = window.lang; - translateFun(); - renderLuckGiftOption(); - }, 100) + langReplace = window.lang.replace; + localLang = window.lang; + translateFun(); + renderGameOption(); + renderLuckGiftOption(); + swiperFun(); + if(localLang.code ==='zh'){ + $('.zh_content').show(); + $('.wai_content').hide(); + }else{ + $('.zh_content').hide(); + $('.wai_content').show(); + } + var path = window.location.pathname; + code = path.split("/")[1]; + inviteCode = getQueryParams().c + $('#inviteCode').text(inviteCode); + }, 100) }) +function getQueryParams() { + var queryString = window.location.search; + var params = {}; -function translateFun() { - var langReplace = window.lang.replace; - var localLang = window.lang; - $('#headerImg').attr('src', langReplace(localLang.demoModule.headerImg)) - $('#gameImg').attr('src', langReplace(localLang.demoModule.gameImg)) - $('#giftImg').attr('src', langReplace(localLang.demoModule.giftImg)) - $('#gift_txt1').html(langReplace(localLang.demoModule.gift_txt1)) - $('#gift_txt2').html(langReplace(localLang.demoModule.gift_txt2)) - $('#gift_txt3').html(langReplace(localLang.demoModule.gift_txt3)) + if (queryString) { + // 去掉开头的 "?"，并按 "&" 分割 + queryString.substring(1).split("&").forEach(function(pair) { + var [key, value] = pair.split("="); + params[decodeURIComponent(key)] = decodeURIComponent(value || ""); // 解码参数 + }); + } + + return params; } -// function renderLuckGiftOption() { -// let currentIndex = 0; +// 禮物輪播 +function swiperFun() { + var mySwiper = new Swiper('.swiper', { + direction: "vertical", + loop: true, + autoplay: { + delay: 3500,// + disableOnInteraction: false + } + }) +} +function translateFun() { + var langReplace = window.lang.replace; + var localLang = window.lang; + $('#headerImg').attr('src', langReplace(localLang.demoModule.headerImg)) + $('#gameImg').attr('src', langReplace(localLang.demoModule.gameImg)) + $('#giftImg').attr('src', langReplace(localLang.demoModule.giftImg)) + $('#wealthImg').attr('src', langReplace(localLang.demoModule.wealthImg)) + $('#inviteImg').attr('src', langReplace(localLang.demoModule.inviteImg)) + $('#gift_txt1').html(langReplace(localLang.demoModule.gift_txt1)) + $('#gift_txt2').html(langReplace(localLang.demoModule.gift_txt2)) + $('#gift_txt3').html(langReplace(localLang.demoModule.gift_txt3)) + $('#gift_txt4').html(langReplace(localLang.demoModule.gift_txt4)) + $('#gift_txt5').html(langReplace(localLang.demoModule.gift_txt5)) + $('#gift_txt6').html(langReplace(localLang.demoModule.gift_txt6)) + $('#txt7').html(langReplace(localLang.demoModule.txt7)) + $('#txt8').html(langReplace(localLang.demoModule.txt8)) + $('#txt9').html(langReplace(localLang.demoModule.txt9)) + $('#txt10').html(langReplace(localLang.demoModule.txt10)) + $('#txt11').html(langReplace(localLang.demoModule.txt11)) + $('#invition_txt').html(langReplace(localLang.demoModule.invition_txt)) + $('#txt12').html(langReplace(localLang.demoModule.txt12)) -// // 创建 gift-item -// function createGiftItem(item) { -// return ` -//
-// -//
-//
-// -//
-//
-//
Send ${item.gift_name}
-//
Win ${item.rate} times
-//
-//
-//
-// -//
-//
${item.win}
-//
Coins
-//
-//
-//
-// `; -// } + $('#txt13').html(langReplace(localLang.demoModule.txt13)) -// // 提前创建所有 gift-item -// const giftItems = luckGiftOption.map(item => createGiftItem(item)); + $('#txt14').html(langReplace(localLang.demoModule.txt14)) -// $('.gift_item').html(giftItems.join('')); +} +function renderGameOption() { + var currentIndex = 0; + var contentHtml = ''; + function createGiftItem(item) { + return ` +
+
+
+
+ +
${item.nick}
+
+
+ + +
${item.win}
+
+
+
${langReplace(localLang.demoModule.Send)} ${item.pay} ${langReplace(localLang.demoModule.Won)} ${item.rate} ${langReplace(localLang.demoModule.Times)}
+
+
+ `; + } + const giftItems = gameOption.map(item => createGiftItem(item)); -// // 初始化第一个 gift-item -// $('.content').eq(currentIndex).addClass('show'); -// // 动画函数 -// function animateGiftItem() { -// const $currentContent = $('.content').eq(currentIndex); -// const $nextContent = $('.content').eq((currentIndex + 1) % luckGiftOption.length); + $(' #gameSwiper .swiper-wrapper').html(giftItems.join('')); +} -// // 隐藏当前显示的 gift-item -// $currentContent.removeClass('show').addClass('hide'); - -// // 监听动画结束事件 -// $currentContent.on('transitionend', function () { -// $(this).removeClass('hide'); // 移除隐藏状态 -// currentIndex = (currentIndex + 1) % luckGiftOption.length; - -// // 显示下一个 gift-item -// $nextContent.removeClass('hide').addClass('show'); -// }); -// } - - -// // 使用 requestAnimationFrame 替代 setInterval -// let lastTime = 0; -// const interval = 3000; // 每 3 秒滚动一次 - -// function loop(timestamp) { -// if (timestamp - lastTime >= interval) { -// lastTime = timestamp; -// animateGiftItem(); -// } -// requestAnimationFrame(loop); -// } - -// requestAnimationFrame(loop); -// } -function renderLuckGiftOption(){ - var currentIndex = 0; - var contentHtml = ''; - function createGiftItem(item){ - return ` +function renderLuckGiftOption() { + var currentIndex = 0; + var contentHtml = ''; + function createGiftItem(item) { + return ` +
@@ -160,355 +179,617 @@ function renderLuckGiftOption(){
+
`; - } - // 初始化第一个 gift-item - contentHtml = createGiftItem(luckGiftOption[currentIndex]); - $('#gift_item').html(contentHtml); - - // 定时更新 gift-item - setInterval(function() { - currentIndex = (currentIndex + 1) % luckGiftOption.length; - var newItemHtml = createGiftItem(luckGiftOption[currentIndex]); - - // // 添加新的 gift-item 并设置初始位置 - // const $newContent = $(newItemHtml).css('transform', 'translateY(100%)'); - // $('.gift_item').append($newContent); - - // // 移动当前的 gift-item 到顶部 - // const $firstContent = $('.content:first'); - // $firstContent.css('transition', 'transform 1s ease'); - // $firstContent.css('transform', 'translateY(-100%)'); - - // // 移动新的 gift-item 到顶部 - // $newContent.css('transition', 'transform 1s ease'); - // $newContent.css('transform', 'translateY(0)'); - - // // 移除已经滚动出去的 gift-item - // $firstContent.on('transitionend', function() { - // $(this).remove(); - // }); - - // 添加新的 gift-item 并设置初始位置 - $('#gift_item').append(newItemHtml); - $('.gift_content:last').css('top', '100%'); - - // 移动当前的 gift-item 到顶部 - $('.gift_content:first').animate({ top: '-100%' }, 1000, function() { - $(this).remove(); // 移除已经滚动出去的 gift-item - }); - - // 移动新的 gift-item 到顶部 - $('.gift_content:last').animate({ top: '0' }, 1000); - - setTimeout(function(){ - - },100) - - }, 3000); // 每 3 秒滚动一次 - + } + const giftItems = luckGiftOption.map(item => createGiftItem(item)); + $(' #giftSwiper .swiper-wrapper').html(giftItems.join('')); } -var luckGiftOption =[ - { - "id": 863603, - "nick": "رٖيےـاضے", - "erban_no": 500059, - "avatar": "https://image.molistar.xyz/b0cb0f37-7eec-4013-9cd7-f041d97d47a2.jpg", - "gift_name": "500059 I", - "pay": 131400, - "win": 1314000, - "rate": 10 - }, - { - "id": 1478193, - "nick": "رٖيےـاضے", - "erban_no": 500059, - "avatar": "https://image.molistar.xyz/b0cb0f37-7eec-4013-9cd7-f041d97d47a2.jpg", - "gift_name": "幸運手錶", - "pay": 2000, - "win": 1000000, - "rate": 500 - }, - { - "id": 1642027, - "nick": "احمد 77", - "erban_no": 4041019, - "avatar": "https://image.molistar.xyz/ee732806-a34e-4bd5-aac1-79abd1db5ad0.jpg", - "gift_name": "幸運包", - "pay": 500, - "win": 500000, - "rate": 1000 - }, - { - "id": 348493, - "nick": "👑D'SHA-SHA🌺", - "erban_no": 311114, - "avatar": "https://image.molistar.xyz/8d35118a-22d0-4c78-aa41-fea98a903e9c.jpeg", - "gift_name": "金钥", - "pay": 376, - "win": 376000, - "rate": 1000 - }, - { - "id": 1477321, - "nick": "رٖيےـاضے", - "erban_no": 500059, - "avatar": "https://image.molistar.xyz/b0cb0f37-7eec-4013-9cd7-f041d97d47a2.jpg", - "gift_name": "幸運手錶", - "pay": 34000, - "win": 340000, - "rate": 10 - }, - { - "id": 2008089, - "nick": "احمد 77", - "erban_no": 4041019, - "avatar": "https://image.molistar.xyz/ee732806-a34e-4bd5-aac1-79abd1db5ad0.jpg", - "gift_name": "幸運戒", - "pay": 300, - "win": 300000, - "rate": 1000 - }, - { - "id": 698136, - "nick": "احمد 77", - "erban_no": 4041019, - "avatar": "https://image.molistar.xyz/ee732806-a34e-4bd5-aac1-79abd1db5ad0.jpg", - "gift_name": "幸運戒", - "pay": 300, - "win": 300000, - "rate": 1000 - }, - { - "id": 1640354, - "nick": "احمد 77", - "erban_no": 4041019, - "avatar": "https://image.molistar.xyz/ee732806-a34e-4bd5-aac1-79abd1db5ad0.jpg", - "gift_name": "幸運戒", - "pay": 300, - "win": 300000, - "rate": 1000 - }, - { - "id": 1908109, - "nick": "احمد 77", - "erban_no": 4041019, - "avatar": "https://image.molistar.xyz/ee732806-a34e-4bd5-aac1-79abd1db5ad0.jpg", - "gift_name": "幸運戒", - "pay": 300, - "win": 300000, - "rate": 1000 - }, - { - "id": 1654132, - "nick": "احمد 77", - "erban_no": 4041019, - "avatar": "https://image.molistar.xyz/ee732806-a34e-4bd5-aac1-79abd1db5ad0.jpg", - "gift_name": "幸運戒", - "pay": 300, - "win": 300000, - "rate": 1000 - }, - { - "id": 715755, - "nick": "احمد 77", - "erban_no": 4041019, - "avatar": "https://image.molistar.xyz/ee732806-a34e-4bd5-aac1-79abd1db5ad0.jpg", - "gift_name": "幸運戒", - "pay": 300, - "win": 300000, - "rate": 1000 - }, - { - "id": 969632, - "nick": "رٖيےـاضے", - "erban_no": 500059, - "avatar": "https://image.molistar.xyz/b0cb0f37-7eec-4013-9cd7-f041d97d47a2.jpg", - "gift_name": "500059 I", - "pay": 52000, - "win": 260000, - "rate": 5 - }, - { - "id": 1620697, - "nick": "احمد 77", - "erban_no": 4041019, - "avatar": "https://image.molistar.xyz/ee732806-a34e-4bd5-aac1-79abd1db5ad0.jpg", - "gift_name": "幸運包", - "pay": 500, - "win": 250000, - "rate": 500 - }, - { - "id": 1625924, - "nick": "احمد 77", - "erban_no": 4041019, - "avatar": "https://image.molistar.xyz/ee732806-a34e-4bd5-aac1-79abd1db5ad0.jpg", - "gift_name": "幸運包", - "pay": 500, - "win": 250000, - "rate": 500 - }, - { - "id": 1669940, - "nick": "احمد 77", - "erban_no": 4041019, - "avatar": "https://image.molistar.xyz/ee732806-a34e-4bd5-aac1-79abd1db5ad0.jpg", - "gift_name": "幸運包", - "pay": 500, - "win": 250000, - "rate": 500 - }, - { - "id": 1862408, - "nick": "✯͜͡☚ملك الإحساس", - "erban_no": 117000, - "avatar": "https://image.molistar.xyz/b4f5a2b2-0674-4f44-8c27-079de7473bbc.jpeg", - "gift_name": "幸運戒", - "pay": 2100, - "win": 210000, - "rate": 100 - }, - { - "id": 1475378, - "nick": "رٖيےـاضے", - "erban_no": 500059, - "avatar": "https://image.molistar.xyz/b0cb0f37-7eec-4013-9cd7-f041d97d47a2.jpg", - "gift_name": "幸運手錶", - "pay": 2000, - "win": 200000, - "rate": 100 - }, - { - "id": 1467535, - "nick": "رٖيےـاضے", - "erban_no": 500059, - "avatar": "https://image.molistar.xyz/b0cb0f37-7eec-4013-9cd7-f041d97d47a2.jpg", - "gift_name": "幸運手錶", - "pay": 2000, - "win": 200000, - "rate": 100 - }, - { - "id": 1478055, - "nick": "رٖيےـاضے", - "erban_no": 500059, - "avatar": "https://image.molistar.xyz/b0cb0f37-7eec-4013-9cd7-f041d97d47a2.jpg", - "gift_name": "幸運手錶", - "pay": 2000, - "win": 200000, - "rate": 100 - }, - { - "id": 1472085, - "nick": "رٖيےـاضے", - "erban_no": 500059, - "avatar": "https://image.molistar.xyz/b0cb0f37-7eec-4013-9cd7-f041d97d47a2.jpg", - "gift_name": "幸運手錶", - "pay": 2000, - "win": 200000, - "rate": 100 - }, - { - "id": 1475443, - "nick": "رٖيےـاضے", - "erban_no": 500059, - "avatar": "https://image.molistar.xyz/b0cb0f37-7eec-4013-9cd7-f041d97d47a2.jpg", - "gift_name": "幸運手錶", - "pay": 2000, - "win": 200000, - "rate": 100 - }, - { - "id": 1468795, - "nick": "رٖيےـاضے", - "erban_no": 500059, - "avatar": "https://image.molistar.xyz/b0cb0f37-7eec-4013-9cd7-f041d97d47a2.jpg", - "gift_name": "幸運手錶", - "pay": 2000, - "win": 200000, - "rate": 100 - }, - { - "id": 1470498, - "nick": "رٖيےـاضے", - "erban_no": 500059, - "avatar": "https://image.molistar.xyz/b0cb0f37-7eec-4013-9cd7-f041d97d47a2.jpg", - "gift_name": "幸運手錶", - "pay": 2000, - "win": 200000, - "rate": 100 - }, - { - "id": 1468178, - "nick": "رٖيےـاضے", - "erban_no": 500059, - "avatar": "https://image.molistar.xyz/b0cb0f37-7eec-4013-9cd7-f041d97d47a2.jpg", - "gift_name": "幸運手錶", - "pay": 2000, - "win": 200000, - "rate": 100 - }, - { - "id": 1477844, - "nick": "رٖيےـاضے", - "erban_no": 500059, - "avatar": "https://image.molistar.xyz/b0cb0f37-7eec-4013-9cd7-f041d97d47a2.jpg", - "gift_name": "幸運手錶", - "pay": 2000, - "win": 200000, - "rate": 100 - }, - { - "id": 1470538, - "nick": "رٖيےـاضے", - "erban_no": 500059, - "avatar": "https://image.molistar.xyz/b0cb0f37-7eec-4013-9cd7-f041d97d47a2.jpg", - "gift_name": "幸運手錶", - "pay": 2000, - "win": 200000, - "rate": 100 - }, - { - "id": 1467538, - "nick": "رٖيےـاضے", - "erban_no": 500059, - "avatar": "https://image.molistar.xyz/b0cb0f37-7eec-4013-9cd7-f041d97d47a2.jpg", - "gift_name": "幸運手錶", - "pay": 2000, - "win": 200000, - "rate": 100 - }, - { - "id": 2052835, - "nick": "👑KIKAY QUEEN", - "erban_no": 1143333, - "avatar": "https://image.molistar.xyz/420bbd61-1a23-443e-9d3d-d806499d65fd.jpeg", - "gift_name": "金钥", - "pay": 376, - "win": 188000, - "rate": 500 - }, - { - "id": 1493012, - "nick": "✯͜͡ڪـᬼريم", - "erban_no": 5860974, - "avatar": "https://image.molistar.xyz/2ab83c64-c561-448c-9c82-690f5eb838b1.jpeg", - "gift_name": "幸運爪", - "pay": 350, - "win": 175000, - "rate": 500 - }, - { - "id": 1876262, - "nick": "👋آإلـ⚚ﺰ؏يــ⇣ﻢ⇣", - "erban_no": 1112, - "avatar": "https://image.molistar.xyz/74c172f5-a165-437c-be9a-21fbfea69b18.jpeg", - "gift_name": "幸運馬卡龍", - "pay": 1700, - "win": 170000, - "rate": 100 - } - ] +$("#copyBtn").click(function () { + var text = $("#inviteCode").text(); + if (navigator.clipboard) { + // 使用 navigator.clipboard API + navigator.clipboard.writeText(text) + .then(function () { + toastMsg('复制成功') + }) + .catch(function (error) { + }); + } else { + // 使用 document.execCommand("copy") 作为备用方案 + var $temp = $("