forceGuidePersonalAccount.blade.php 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta
  6. name="viewport"
  7. content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
  8. />
  9. <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  10. <title>{{$title or '阅读福利'}}</title>
  11. <style>
  12. html,
  13. body {
  14. margin: 0 auto;
  15. padding: 0.2rem 0.4rem;
  16. max-width: 450px;
  17. font-family: -apple-system-font, BlinkMacSystemFont, "Helvetica Neue",
  18. "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI",
  19. "Microsoft YaHei", Arial, sans-serif;
  20. }
  21. a{
  22. text-decoration: none;
  23. }
  24. .title {
  25. font-size: 22px;
  26. line-height: 1.4;
  27. margin-bottom: 15px;
  28. }
  29. .title .name {
  30. margin-top: 15px;
  31. font-size: 16px;
  32. }
  33. .small_title {
  34. color: #c00000;
  35. font-size: 28px;
  36. text-align: center;
  37. margin-top: 10px;
  38. letter-spacing: 5px;
  39. }
  40. .qrcode_box {
  41. text-align: center;
  42. margin-top: 10px;
  43. }
  44. .qrcode {
  45. width: 300px;
  46. }
  47. .qrcode_tips {
  48. margin-top: 15px;
  49. text-align: center;
  50. font-size: 18px;
  51. line-height: 30px;
  52. }
  53. .add_tips {
  54. color: red;
  55. letter-spacing: normal;
  56. max-width: 100% !important;
  57. margin-bottom: 10px;
  58. font-size: 17px;
  59. }
  60. .notice {
  61. font-size: 13px;
  62. color: #333;
  63. line-height: 1.5;
  64. background: #f7f7f7;
  65. padding: 10px;
  66. }
  67. .notice p {
  68. margin: 0;
  69. }
  70. .notice .title {
  71. font-size: 15px;
  72. margin-bottom: 10px;
  73. }
  74. .notice i {
  75. font-style: normal;
  76. color: #ff6060;
  77. }
  78. .ignore {
  79. text-align: right;
  80. color: #0094ff;
  81. font-size: 13px;
  82. margin-top: 10px;
  83. }
  84. .ignore a{
  85. color: #0094ff ;
  86. font-size: 13px;
  87. }
  88. /*# sourceMappingURL=jt.css.map */
  89. </style>
  90. </head>
  91. <body>
  92. <main class="main_box">
  93. <strong>
  94. <div class="small_title">扫一扫 赠送200书币</div>
  95. </strong>
  96. <div class="qrcode_box">
  97. <img
  98. src="{{$img}}"
  99. class="qrcode"
  100. />
  101. </div>
  102. <div class="qrcode_tips">
  103. <p>客服号微信</p>
  104. <p>(长按图片,识别二维码)</p>
  105. </div>
  106. <div class="notice">
  107. <p class="title">我是微信小管家:</p>
  108. <p class="line">
  109. 1. <i>免费书币</i>:成功添加微信好友即可赠送200书币;
  110. </p>
  111. <p class="line">
  112. 2. <i>优先答疑</i>:找不到看过的书啦?看书没钱啦?我都可以帮您哦!
  113. </p>
  114. <p class="line">
  115. 3.
  116. <i>帮您找书</i
  117. >:总裁豪门、婚恋出轨、甜蜜宠文等,提供最新最优质小说,拒绝书荒!
  118. </p>
  119. <p class="line">4. <i>书币福利</i>:每月获得免费书币,不要钱!</p>
  120. </div>
  121. <div class="ignore"><a href="{{$link}}">点击忽略,继续阅读下一章&gt;&gt;</a></div>
  122. </main>
  123. </body>
  124. </html>