|
|
@@ -0,0 +1,142 @@
|
|
|
+<!--
|
|
|
+?php
|
|
|
+/**
|
|
|
+ * Created by PhpStorm.
|
|
|
+ * User: z-yang
|
|
|
+ * Date: 2019/9/6
|
|
|
+ * Time: 15:54
|
|
|
+ */
|
|
|
+-->
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
+<head>
|
|
|
+ <meta charset="UTF-8" />
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
|
+ <meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
|
|
+ <title>阅读福利</title>
|
|
|
+ <style>
|
|
|
+ html {
|
|
|
+ min-height: 100vh;
|
|
|
+ background: #cce8ff;
|
|
|
+ }
|
|
|
+
|
|
|
+ html,
|
|
|
+ body {
|
|
|
+ margin: 0 auto;
|
|
|
+ padding: 0;
|
|
|
+ max-width: 450px;
|
|
|
+ font-size: 100px;
|
|
|
+ }
|
|
|
+
|
|
|
+ img {
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .fee {
|
|
|
+ position: absolute;
|
|
|
+ top: 35.5%;
|
|
|
+ left: 49%;
|
|
|
+ font-size: 0.28rem;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #f74b4b;
|
|
|
+ }
|
|
|
+
|
|
|
+ .imgbutton {
|
|
|
+ position: absolute;
|
|
|
+ width: 65%;
|
|
|
+ left: 50%;
|
|
|
+ transform: translate(-50%);
|
|
|
+ top: 48%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .rule-dialog {
|
|
|
+ position: fixed;
|
|
|
+ top: 0;
|
|
|
+ bottom: 0;
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
+ background: rgba(0, 0, 0, 0.6);
|
|
|
+ z-index: 9999;
|
|
|
+ }
|
|
|
+
|
|
|
+ .dialog-content {
|
|
|
+ position: fixed;
|
|
|
+ width: 90%;
|
|
|
+ top: 40%;
|
|
|
+ left: 50%;
|
|
|
+ transform: translate(-50%, -50%);
|
|
|
+ font-size: 0;
|
|
|
+ border-radius: 6px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .text-container {
|
|
|
+ color: white;
|
|
|
+ position: absolute;
|
|
|
+ font-size: 0.2rem;
|
|
|
+ top: 65%;
|
|
|
+ left: 50%;
|
|
|
+ transform: translate(-50%);
|
|
|
+ }
|
|
|
+
|
|
|
+ .dialog-notice {
|
|
|
+ text-align: center;
|
|
|
+ padding-bottom: 0.2rem;
|
|
|
+ color: #facc78;
|
|
|
+ }
|
|
|
+
|
|
|
+ .dialog-close {
|
|
|
+ background: center / contain url(./imgs/close.png) no-repeat;
|
|
|
+ width: 0.32rem;
|
|
|
+ height: 0.32rem;
|
|
|
+ position: absolute;
|
|
|
+ bottom: -12%;
|
|
|
+ left: 50%;
|
|
|
+ transform: translateX(-50%);
|
|
|
+ }
|
|
|
+
|
|
|
+ .d-none {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ </style>
|
|
|
+</head>
|
|
|
+
|
|
|
+<body>
|
|
|
+<main class="main_box">
|
|
|
+ <img src="https://cdn-novel.iycdm.com/crm/freecurrency/bg.jpg" alt="" />
|
|
|
+ <div class="fee">{{$fee}}</div>
|
|
|
+ <a href="{{$url}}">
|
|
|
+ <img src="https://cdn-novel.iycdm.com/crm/freecurrency/button.png" class="imgbutton" />
|
|
|
+ </a>
|
|
|
+ <div class="recharge-list"></div>
|
|
|
+</main>
|
|
|
+@if($is_get == 0)
|
|
|
+<div class="rule-dialog" style="display: block;">
|
|
|
+ <div class="dialog-content">
|
|
|
+ <img src="https://cdn-novel.iycdm.com/crm/freecurrency/alert.png" alt="" />
|
|
|
+ <div class="text-container">
|
|
|
+ {{$fee}}书币已到账
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+@endif
|
|
|
+</body>
|
|
|
+<script>
|
|
|
+ var dialog = document.querySelector(".rule-dialog");
|
|
|
+
|
|
|
+ function dialogBehavior() {
|
|
|
+ dialog.addEventListener(
|
|
|
+ "click",
|
|
|
+ function() {
|
|
|
+ dialog.style.display = "none";
|
|
|
+ },
|
|
|
+ false
|
|
|
+ );
|
|
|
+ }
|
|
|
+
|
|
|
+ function init() {
|
|
|
+ dialogBehavior();
|
|
|
+ }
|
|
|
+
|
|
|
+ init();
|
|
|
+</script>
|
|
|
+</html>
|
