download.html 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7. <link rel="Shortcut Icon" href="/logo.png" type="image/x-icon" />
  8. <title>{:get_config('web_site_title')}</title>
  9. <style>
  10. html{
  11. width: 100%;
  12. height: 100%;
  13. background-image: url("/static/mobile/img/bg.png");
  14. background-repeat: no-repeat;
  15. background-size: 100% 100%;
  16. }
  17. body{
  18. padding: 15vw;
  19. padding-top: 20vw;
  20. padding-bottom: 0;
  21. }
  22. .logo{
  23. margin-bottom: 10vw;
  24. }
  25. .logo img{
  26. width: 100%;
  27. }
  28. .btn{
  29. display: block;
  30. width: 60%;
  31. height: 44px;
  32. line-height: 44px;
  33. background-color: transparent;
  34. margin: 0 auto;
  35. margin-bottom: 20px;
  36. text-decoration: none;
  37. color: #023894 ;
  38. border-radius: 22px;
  39. text-align: center;
  40. font-size: 16px;
  41. overflow: hidden;
  42. border: 1px solid #023894 ;
  43. }
  44. .btn:hover{
  45. text-decoration: none;
  46. color: #fff;
  47. }
  48. .btn img{
  49. display: inline-block;
  50. vertical-align: middle;
  51. width: 20px;
  52. height: 20px;
  53. margin-bottom: 4px;
  54. }
  55. .top-div{
  56. position: fixed;
  57. z-index: 1000;
  58. top: 0;
  59. left: 0;
  60. width: 100vw;
  61. height: 100vh;
  62. padding: 5vw 3vw;
  63. background: rgba(0,0,0,0.7);
  64. }
  65. .top-div img{
  66. width: 94vw;
  67. }
  68. .bg{
  69. position: fixed;
  70. z-index: 1;
  71. top: 0;
  72. bottom: 0;
  73. left: 0;
  74. right: 0;
  75. overflow: hidden;
  76. }
  77. .bg img{
  78. width: 100%;
  79. height: auto;
  80. }
  81. .appbtn{
  82. background-color: transparent;
  83. position: fixed;
  84. z-index: 100;
  85. top: 30%;
  86. left: 0;
  87. width: 100%;
  88. height: 20%;
  89. }
  90. .tu{
  91. /*margin-top: -35px;*/
  92. width: 60%;
  93. margin: 0 auto;
  94. padding-top: 20px;
  95. }
  96. .tu img{
  97. width: 100%;
  98. /*width: 157px;*/
  99. /*height: 74px;*/
  100. display: inline-block;
  101. }
  102. .zi{
  103. width: 150px;
  104. margin: auto;
  105. margin-top: 210px !important;
  106. }
  107. .zi img{
  108. width: 100%;
  109. height: 100%;
  110. display: inline-block;
  111. }
  112. </style>
  113. </head>
  114. <body>
  115. <div class="tu">
  116. <img src="/static/mobile/img/tu.png" alt="">
  117. </div>
  118. <div class="appbtn">
  119. <a href="{$android}" class="btn">
  120. <img src="/static/mobile/img/icon-az.png" alt="">
  121. &nbsp;安卓系统下载
  122. </a>
  123. <!-- <a href="{$ios}" class="btn">-->
  124. <!-- <img src="/static/mobile/img/icon-ios.png" alt="">-->
  125. <!-- &nbsp;苹果系统下载-->
  126. <!-- </a>-->
  127. </div>
  128. <!--<div class="zi">-->
  129. <!-- <img src="/static/mobile/img/zi.png" alt="">-->
  130. <!--</div>-->
  131. {if condition="$iswx eq 1"}
  132. <div class="top-div">
  133. <img src="/static/mobile/img/tixing@3x.png" alt="">
  134. </div>
  135. {/if}
  136. </body>
  137. </html>