diff --git a/view/peko/modules/act-wishingStar/css/index.css b/view/peko/modules/act-wishingStar/css/index.css new file mode 100644 index 0000000..9ed9e40 --- /dev/null +++ b/view/peko/modules/act-wishingStar/css/index.css @@ -0,0 +1,305 @@ +html, +body { + width: 100%; + background: #F36121; +} + +.back { + position: fixed; + top: 0.93333rem; + left: 0.45333rem; + z-index: 99; + width: 0.82667rem; + height: 0.82667rem; +} + +.back img { + width: 100%; + height: 100%; +} + +.back p { + color: #fff; + font-size: 0.42667rem; + position: absolute; + width: 9rem; + left: 0; + top: 0; + height: 100%; + text-align: center; + line-height: 0.82667rem; +} + +.header { + width: 10rem; + height: 12.22667rem; + position: relative; + margin: 0 auto -3.2rem; + background: url(../images/header.png) no-repeat; + background-size: 100% 100%; +} + +.header .rule_icon { + width: 0.82667rem; + height: 1.94667rem; + position: absolute; + right: 0; + top: 2.08rem; +} + +.header .record_icon { + width: 0.82667rem; + height: 1.94667rem; + position: absolute; + right: 0; + top: 4.04rem; +} + +.header .tabBox { + width: 8.44rem; + height: 1.6rem; + position: absolute; + left: 50%; + transform: translateX(-50%); + top: 7.4rem; + display: flex; + justify-content: space-between; +} + +.header .tabBox div { + width: 3.98667rem; + height: 100%; +} + +.header .tabBox .tab1 { + background: url(../images/tab1.png) no-repeat; + background-size: 100% 100%; +} + +.header .tabBox .tab2 { + background: url(../images/tab2.png) no-repeat; + background-size: 100% 100%; +} + +.header .tabBox .act1 { + background: url(../images/tabAct1.png) no-repeat; + background-size: 100% 100%; +} + +.header .tabBox .act2 { + background: url(../images/tabAct2.png) no-repeat; + background-size: 100% 100%; +} + +.page1 { + width: 10rem; + height: 13.42667rem; + background: url(../images/page1Bg.png) no-repeat; + background-size: 100% 100%; + margin: 0 auto 0.26667rem; + position: relative; + overflow: hidden; +} + +.page1 .top { + width: 100%; + height: 1.2rem; + position: relative; + margin: 0.7rem auto 0; + line-height: 1.2rem; +} + +.page1 .top .left { + color: #FEE7C1; + font-size: 0.32rem; + font-weight: 600; + position: absolute; + left: 1.37333rem; + top: 50%; + transform: translateY(-50%); +} + +.page1 .top .star { + width: 0.53333rem; + height: 0.53333rem; + position: absolute; + left: 3.08rem; + top: 50%; + transform: translateY(-50%); +} + +.page1 .top .centon { + width: 2.17333rem; + left: 3.66667rem; + top: 50%; + transform: translateY(-50%); + color: #FFF5E4; + font-size: 0.42667rem; + font-weight: 600; + position: absolute; +} + +.page1 .top .but { + width: 2.72rem; + height: 0.89333rem; + position: absolute; + right: 1.26667rem; + top: 50%; + transform: translateY(-50%); + background: url(../images/buyBut.png) no-repeat; + background-size: 100% 100%; +} + +.page1 .page1Title { + width: 5.36rem; + height: 0.30667rem; + display: block; + margin: 0.53333rem auto 0.13333rem; +} + +.page1 ul { + width: 9.02667rem; + height: 10.5rem; + margin: 0 auto 0; + overflow-y: scroll; +} + +.page1 ul::-webkit-scrollbar { + display: none; +} + +.page1 ul li { + width: 100%; + height: 3.29333rem; + background: url(../images/giftBg.png) no-repeat; + background-size: 100% 100%; + position: relative; + margin-bottom: 0.21333rem; +} + +.page1 ul li .giftBox { + width: 2.37333rem; + height: 2.37333rem; + position: absolute; + left: 0.42667rem; + top: 0.44rem; + background: url(../images/giftBox.png) no-repeat; + background-size: 100% 100%; +} + +.page1 ul li .giftBox .giftImg { + width: 2rem; + height: 2rem; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); +} + +.page1 ul li .giftInfo { + height: 0.4rem; + line-height: 0.4rem; + position: absolute; + left: 2.92rem; + top: 0.64rem; + font-weight: 500; + display: flex; + white-space: nowrap; +} + +.page1 ul li .giftInfo b { + color: #B52E1C; + font-size: 0.37333rem; + margin-right: 0.17333rem; +} + +.page1 ul li .giftInfo img { + display: inline-block; + width: 0.34667rem; + height: 0.34667rem; + vertical-align: middle; + margin-right: 0.08rem; +} + +.page1 ul li .giftInfo i { + font-style: normal; + color: #DE2A21; + font-size: 0.29333rem; + font-weight: 400; +} + +.page1 ul li .inventory { + color: #AA5854; + font-size: 0.24rem; + font-weight: 5.33333rem; + position: absolute; + right: 0.65333rem; + top: 0.72rem; +} + +.page1 ul li .schedule { + color: #FF3600; + font-size: 0.29333rem; + font-weight: 500; + position: absolute; + left: 2.93333rem; + top: 1.36rem; +} + +.page1 ul li .line { + width: 4.2rem; + height: 0.4rem; + position: absolute; + left: 4.18667rem; + top: 1.30667rem; + background: url(../images/lineBox.png) no-repeat; + background-size: 100% 100%; +} + +.page1 ul li .line .line_in { + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + width: 4.09333rem; + height: 0.26667rem; + border-radius: 0.26667rem; + overflow: hidden; +} + +.page1 ul li .line .line_in img { + display: block; + height: 100%; + width: 10%; +} + +.page1 ul li .line p { + width: 100%; + height: 100%; + line-height: 0.4rem; + text-align: center; + color: #DE2A21; + font-size: 0.24rem; + font-weight: 400; +} + +.page1 ul li .wishIng { + padding: 0.10667rem 0.17333rem; + background: #C67571; + border-radius: 0.06667rem; + position: absolute; + left: 2.94667rem; + bottom: 0.69333rem; + text-align: center; + color: #FEF3DA; + font-size: 0.24rem; + font-weight: 400; +} + +.page1 ul li .wishIngBut { + width: 2.18667rem; + height: 1.06667rem; + position: absolute; + bottom: 0.44rem; + right: 0.48rem; +} diff --git a/view/peko/modules/act-wishingStar/css/index.scss b/view/peko/modules/act-wishingStar/css/index.scss new file mode 100644 index 0000000..ee5577e --- /dev/null +++ b/view/peko/modules/act-wishingStar/css/index.scss @@ -0,0 +1,312 @@ +@function px2rem($px) { + @return $px / 75+rem; +} + +html, +body { + width: 100%; + background: #F36121; +} + +// 返回按钮 +.back { + position: fixed; + top: px2rem(70); + left: px2rem(34); + z-index: 99; + width: px2rem(62); + height: px2rem(62); + + img { + width: 100%; + height: 100%; + } + + p { + color: #fff; + font-size: px2rem(32); + position: absolute; + width: 9rem; + left: 0; + top: 0; + height: 100%; + text-align: center; + line-height: px2rem(62); + } +} + +// 头部 +.header { + width: px2rem(750); + height: px2rem(917); + position: relative; + margin: 0 auto -3.2rem; + background: url(../images/header.png) no-repeat; + background-size: 100% 100%; + + .rule_icon { + width: px2rem(62); + height: px2rem(146); + position: absolute; + right: 0; + top: px2rem(156); + } + + .record_icon { + width: px2rem(62); + height: px2rem(146); + position: absolute; + right: 0; + top: px2rem(303); + } + + .tabBox { + width: px2rem(633); + height: px2rem(120); + position: absolute; + left: 50%; + transform: translateX(-50%); + top: px2rem(555); + display: flex; + justify-content: space-between; + + div { + width: px2rem(299); + height: 100%; + } + + .tab1 { + background: url(../images/tab1.png) no-repeat; + background-size: 100% 100%; + } + + .tab2 { + background: url(../images/tab2.png) no-repeat; + background-size: 100% 100%; + } + + .act1 { + background: url(../images/tabAct1.png) no-repeat; + background-size: 100% 100%; + } + + .act2 { + background: url(../images/tabAct2.png) no-repeat; + background-size: 100% 100%; + } + } +} + +.page1 { + width: px2rem(750); + height: px2rem(1007); + background: url(../images/page1Bg.png) no-repeat; + background-size: 100% 100%; + margin: 0 auto px2rem(20); + position: relative; + overflow: hidden; + + .top { + // width: 8rem; + width: 100%; + height: 1.2rem; + position: relative; + margin: 0.7rem auto 0; + line-height: 1.2rem; + + .left { + color: #FEE7C1; + font-size: px2rem(24); + font-weight: 600; + position: absolute; + left: px2rem(103); + top: 50%; + transform: translateY(-50%); + } + + .star { + width: px2rem(40); + height: px2rem(40); + position: absolute; + left: px2rem(231); + top: 50%; + transform: translateY(-50%); + } + + .centon { + width: px2rem(163); + left: px2rem(275); + top: 50%; + transform: translateY(-50%); + color: #FFF5E4; + font-size: px2rem(32); + font-weight: 600; + position: absolute; + } + + .but { + width: px2rem(204); + height: px2rem(67); + position: absolute; + right: px2rem(95); + top: 50%; + transform: translateY(-50%); + background: url(../images/buyBut.png) no-repeat; + background-size: 100% 100%; + } + } + + .page1Title { + width: px2rem(402); + height: px2rem(23); + display: block; + margin: px2rem(40) auto px2rem(10); + } + + ul { + width: px2rem(677); + height: 10.5rem; + margin: 0 auto 0; + overflow-y: scroll; + + &::-webkit-scrollbar { + display: none; + } + + li { + width: 100%; + height: px2rem(247); + background: url(../images/giftBg.png) no-repeat; + background-size: 100% 100%; + position: relative; + margin-bottom: px2rem(16); + + .giftBox { + width: px2rem(178); + height: px2rem(178); + position: absolute; + left: px2rem(32); + top: px2rem(33); + background: url(../images/giftBox.png) no-repeat; + background-size: 100% 100%; + + .giftImg { + width: px2rem(150); + height: px2rem(150); + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + } + } + + .giftInfo { + height: px2rem(30); + line-height: px2rem(30); + position: absolute; + left: px2rem(219); + top: px2rem(48); + font-weight: 500; + display: flex; + white-space: nowrap; + + b { + color: #B52E1C; + font-size: px2rem(28); + margin-right: px2rem(13); + } + + img { + display: inline-block; + width: px2rem(26); + height: px2rem(26); + vertical-align: middle; + margin-right: px2rem(6); + } + + i { + font-style: normal; + color: #DE2A21; + font-size: px2rem(22); + font-weight: 400; + } + } + + .inventory { + color: #AA5854; + font-size: px2rem(18); + font-weight: px2rem(400); + position: absolute; + right: px2rem(49); + top: px2rem(54); + } + + .schedule { + color: #FF3600; + font-size: px2rem(22); + font-weight: 500; + position: absolute; + left: px2rem(220); + top: px2rem(102); + } + + .line { + width: px2rem(315); + height: px2rem(30); + position: absolute; + left: px2rem(314); + top: px2rem(98); + background: url(../images/lineBox.png) no-repeat; + background-size: 100% 100%; + + .line_in { + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + width: px2rem(307); + height: px2rem(20); + border-radius: px2rem(20); + overflow: hidden; + + img { + display: block; + height: 100%; + width: 10%; + } + } + + p { + width: 100%; + height: 100%; + line-height: px2rem(30); + text-align: center; + color: #DE2A21; + font-size: px2rem(18); + font-weight: 400; + } + } + + .wishIng { + padding: px2rem(8) px2rem(13); + background: #C67571; + border-radius: px2rem(5); + position: absolute; + left: px2rem(221); + bottom: px2rem(52); + text-align: center; + color: #FEF3DA; + font-size: px2rem(18); + font-weight: 400; + } + + .wishIngBut { + width: px2rem(164); + height: px2rem(80); + position: absolute; + bottom: px2rem(33); + right: px2rem(36); + } + } + } +} \ No newline at end of file diff --git a/view/peko/modules/act-wishingStar/images/buyBut.png b/view/peko/modules/act-wishingStar/images/buyBut.png new file mode 100644 index 0000000..59524c7 Binary files /dev/null and b/view/peko/modules/act-wishingStar/images/buyBut.png differ diff --git a/view/peko/modules/act-wishingStar/images/diamond.png b/view/peko/modules/act-wishingStar/images/diamond.png new file mode 100644 index 0000000..a5a7e73 Binary files /dev/null and b/view/peko/modules/act-wishingStar/images/diamond.png differ diff --git a/view/peko/modules/act-wishingStar/images/giftBg.png b/view/peko/modules/act-wishingStar/images/giftBg.png new file mode 100644 index 0000000..a2060eb Binary files /dev/null and b/view/peko/modules/act-wishingStar/images/giftBg.png differ diff --git a/view/peko/modules/act-wishingStar/images/giftBox.png b/view/peko/modules/act-wishingStar/images/giftBox.png new file mode 100644 index 0000000..d54fb7f Binary files /dev/null and b/view/peko/modules/act-wishingStar/images/giftBox.png differ diff --git a/view/peko/modules/act-wishingStar/images/header.png b/view/peko/modules/act-wishingStar/images/header.png new file mode 100644 index 0000000..ce1c305 Binary files /dev/null and b/view/peko/modules/act-wishingStar/images/header.png differ diff --git a/view/peko/modules/act-wishingStar/images/line.png b/view/peko/modules/act-wishingStar/images/line.png new file mode 100644 index 0000000..7deadf1 Binary files /dev/null and b/view/peko/modules/act-wishingStar/images/line.png differ diff --git a/view/peko/modules/act-wishingStar/images/lineBox.png b/view/peko/modules/act-wishingStar/images/lineBox.png new file mode 100644 index 0000000..f0109b0 Binary files /dev/null and b/view/peko/modules/act-wishingStar/images/lineBox.png differ diff --git a/view/peko/modules/act-wishingStar/images/logo.png b/view/peko/modules/act-wishingStar/images/logo.png new file mode 100644 index 0000000..e428641 Binary files /dev/null and b/view/peko/modules/act-wishingStar/images/logo.png differ diff --git a/view/peko/modules/act-wishingStar/images/page1Bg.png b/view/peko/modules/act-wishingStar/images/page1Bg.png new file mode 100644 index 0000000..f8c985b Binary files /dev/null and b/view/peko/modules/act-wishingStar/images/page1Bg.png differ diff --git a/view/peko/modules/act-wishingStar/images/page1Title.png b/view/peko/modules/act-wishingStar/images/page1Title.png new file mode 100644 index 0000000..c72c57d Binary files /dev/null and b/view/peko/modules/act-wishingStar/images/page1Title.png differ diff --git a/view/peko/modules/act-wishingStar/images/record_icon.png b/view/peko/modules/act-wishingStar/images/record_icon.png new file mode 100644 index 0000000..95952fc Binary files /dev/null and b/view/peko/modules/act-wishingStar/images/record_icon.png differ diff --git a/view/peko/modules/act-wishingStar/images/rule_icon.png b/view/peko/modules/act-wishingStar/images/rule_icon.png new file mode 100644 index 0000000..4ed6f96 Binary files /dev/null and b/view/peko/modules/act-wishingStar/images/rule_icon.png differ diff --git a/view/peko/modules/act-wishingStar/images/star.png b/view/peko/modules/act-wishingStar/images/star.png new file mode 100644 index 0000000..5e5db65 Binary files /dev/null and b/view/peko/modules/act-wishingStar/images/star.png differ diff --git a/view/peko/modules/act-wishingStar/images/tab1.png b/view/peko/modules/act-wishingStar/images/tab1.png new file mode 100644 index 0000000..f9c1462 Binary files /dev/null and b/view/peko/modules/act-wishingStar/images/tab1.png differ diff --git a/view/peko/modules/act-wishingStar/images/tab2.png b/view/peko/modules/act-wishingStar/images/tab2.png new file mode 100644 index 0000000..d30519a Binary files /dev/null and b/view/peko/modules/act-wishingStar/images/tab2.png differ diff --git a/view/peko/modules/act-wishingStar/images/tabAct1.png b/view/peko/modules/act-wishingStar/images/tabAct1.png new file mode 100644 index 0000000..bfaba90 Binary files /dev/null and b/view/peko/modules/act-wishingStar/images/tabAct1.png differ diff --git a/view/peko/modules/act-wishingStar/images/tabAct2.png b/view/peko/modules/act-wishingStar/images/tabAct2.png new file mode 100644 index 0000000..7a4297c Binary files /dev/null and b/view/peko/modules/act-wishingStar/images/tabAct2.png differ diff --git a/view/peko/modules/act-wishingStar/images/travel/back.png b/view/peko/modules/act-wishingStar/images/travel/back.png new file mode 100644 index 0000000..7b81adb Binary files /dev/null and b/view/peko/modules/act-wishingStar/images/travel/back.png differ diff --git a/view/peko/modules/act-wishingStar/images/wishIngBut.png b/view/peko/modules/act-wishingStar/images/wishIngBut.png new file mode 100644 index 0000000..575d5ad Binary files /dev/null and b/view/peko/modules/act-wishingStar/images/wishIngBut.png differ diff --git a/view/peko/modules/act-wishingStar/index.html b/view/peko/modules/act-wishingStar/index.html new file mode 100644 index 0000000..e4ed93d --- /dev/null +++ b/view/peko/modules/act-wishingStar/index.html @@ -0,0 +1,73 @@ + + + +
+ + +1234/8888
+