diff --git a/packkey/exchange.html b/packkey/exchange.html new file mode 100644 index 0000000..df81dd5 --- /dev/null +++ b/packkey/exchange.html @@ -0,0 +1,124 @@ + + + + + + + + 领取详情 + + + + + + + + + + + + + + + + +
+ +
+
+
+ +
+
+ +
+ +
+ +
+
+
+ +
+ +
+
+ 账 号: + +
+ +
+ 再次输入: + +
+
+ +
+
+ 卡密账号: + + +
+ +
+ 卡密密码: + + +
+
+
+ + + +
+ 使用说明 +
+ + + + +
+ + + + + + + \ No newline at end of file diff --git a/packkey/index.html b/packkey/index.html new file mode 100644 index 0000000..9c7f98d --- /dev/null +++ b/packkey/index.html @@ -0,0 +1,95 @@ + + + + + + + + 领取详情 + + + + + + + + + + + + + + + + +
+ +
+
+
+ +
+
+ +
+ +
+ +
+
+
+ + +
+ 使用说明 +
+ + + + +
+ + + + + + + \ No newline at end of file diff --git a/packkey/style.css b/packkey/style.css new file mode 100644 index 0000000..73e6bb0 --- /dev/null +++ b/packkey/style.css @@ -0,0 +1,98 @@ +/* 公用css */ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +#app { + width: 100%; + min-height: 100vh; + background-color: #f6f6f6; + padding-bottom: 2rem; +} + +.swiper { + width: 7.5rem; + height: 7.5rem; + background-color: #bbb; +} + +.swiper-slide img { + width: 100%; +} + +.use-marek { + padding-top: 1px; + margin: 0.16rem auto 0 auto; +} + +.use-marek img { + width: 100%; +} + +.footer { + width: 7.5rem; + height: 1.8rem; + background-color: #ffffff; + text-align: center; + position: fixed; + bottom: 0; + padding-top: 0.1rem; + display: flex; + justify-content: center; +} + +.footer-btn { + width: 6.86rem; + height: 0.88rem; + background: #437fff; + border-radius: 0.88rem; + border: none; + color: #fff; +} + +/* 直充还是卡密 */ +.main { + width: 100%; + background-color: #fff; + margin-top: 0.16rem; + padding: 0.36rem; +} + +.main-input { + display: flex; + flex-direction: column; + align-items: center; +} + +.main-input .input-style:last-child { + margin-top: 0.36rem; +} + +.input-style { + width: 6.78rem; + height: 0.84rem; + background: #f2f4f6; + border-radius: 0.42rem; + opacity: 1; + border: none; + padding-left: 0.36rem; + display: flex; + align-items: center; +} + +.input-style span { + font-size: 0.3rem; + font-weight: 400; + color: #333333; +} + +.input-style input { + width: 4.5rem; + height: 0.84rem; + font-size: 0.3rem; + border: none; + background-color: #f2f4f6; + outline: none; +}