login.html 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191
  1. <!doctype html>
  2. <html class="no-js">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="description" content="">
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  8. <meta name="keywords" content="">
  9. <title>商城</title>
  10. <!-- Set render engine for 360 browser -->
  11. <meta name="renderer" content="webkit">
  12. <!-- Add to homescreen for Safari on iOS -->
  13. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  14. <meta name="apple-mobile-web-app-title" content="茶马古窖"/>
  15. <meta name="apple-mobile-web-app-capable" content="yes">
  16. <meta name="msapplication-TileImage" content="__CDN__/assets/shop/img/index/logo.png">
  17. <link rel="apple-touch-icon-precomposed" href="__CDN__/assets/shop/img/index/logo.png">
  18. <!-- Tile icon for Win8 (144x144 + tile color) -->
  19. <meta name="msapplication-TileColor" content="#0e90d2">
  20. <link rel="stylesheet" href="__CDN__/assets/shop/css/amazeui.css">
  21. <link rel="stylesheet" href="__CDN__/assets/shop/css/app.css">
  22. <link rel="stylesheet" href="__CDN__/assets/shop/css/login.css">
  23. <style>
  24. body {
  25. background: url('{$loginbg}');
  26. background-size: cover;
  27. }
  28. .name{
  29. font-size: 2rem;
  30. color: #fff;
  31. font-weight: bold;
  32. }
  33. #appdown {
  34. position: fixed;
  35. top: 0;
  36. left: 0;
  37. width: 100%;
  38. height: 100%;
  39. overflow-y: scroll;
  40. z-index: 99;
  41. }
  42. #appdown img {
  43. top: 0;
  44. left: 0;
  45. position: absolute;
  46. width: 100%;
  47. z-index: 1;
  48. }
  49. #appdown .close {
  50. position: absolute;
  51. z-index: 2;
  52. left: 15px;
  53. top: 15px;
  54. width: 24px;
  55. height: 24px;
  56. line-height: 24px;
  57. border-radius: 100%;
  58. font-size: 12px;
  59. color: #fff;
  60. background-color: #dd514c;
  61. text-align: center;
  62. }
  63. #appdown .info {
  64. width: 100%;
  65. position: absolute;
  66. z-index: 2;
  67. top: 50px;
  68. padding: 0px 15px;
  69. text-align: center;
  70. color: #fff;
  71. font-size: 16px;
  72. font-weight: bold;
  73. line-height: 32px;
  74. }
  75. #appdown .info .copy {
  76. margin-left: 15px;
  77. border-radius: 10px;
  78. background-color: #dd514c;
  79. color: #fff;
  80. font-weight: normal;
  81. padding: 2px 6px;
  82. }
  83. </style>
  84. </head>
  85. <body data-html="login">
  86. <!-- form -->
  87. <div class="pos_re am-padding-top-lg" >
  88. <div class="am-text-center am-padding-top-sm am-padding-bottom-sm">
  89. <img src="{$logoimg}"style="width: 100px;border-radius: 100%;">
  90. <p class="name">{$siteName}</p>
  91. </div>
  92. <div class="form-box am-margin-left am-margin-right am-radius" style="margin-top:2rem;background:ffffff69; border-radius: 10px;">
  93. <form class="am-form am-padding-left am-padding-right" id="form1" style="padding-top:4rem;padding-bottom: 2rem;">
  94. {:token()}
  95. <div class="am-form-group am-form-icon am-margin-bottom-lg">
  96. <img class="icons" src="__CDN__/assets/shop/img/login_user.png" >
  97. <input id="mobile" type="text" class="am-form-field am-input-lg" placeholder="请输入手机号" value="" name="account">
  98. </div>
  99. <div class="am-form-group am-form-icon">
  100. <img class="icons" src="__CDN__/assets/shop/img/login_pwd.png" >
  101. <input id="password" type="password" class="am-form-field" placeholder="请输入登录密码" value="" name="password">
  102. </div>
  103. <div class="am-form-group am-form-icon">
  104. <img class="icons" src="__CDN__/assets/shop/img/login_verify.png" >
  105. <input type="text" class="am-form-field am-input-lg" placeholder="请输入商家编号" value="" name="studio">
  106. </div>
  107. <div class="am-form-group am-form-icon am-margin-top-lg am-margin-bottom-lg">
  108. <button type="button" class="am-btn am-btn-danger am-round am-btn-block " id="submit">登录</button>
  109. </div>
  110. <div class="am-g">
  111. <a href="findpwd.html" style="color: #fff;">忘记密码</a><span style="margin: 0 4px; color: #fff;">|</span><a href="register.html" style="color: #fff;">注册</a>
  112. <a data-href="{$app_download2}" onclick="downloadApp('{$app_download2}')" style="color: #fff;float: right;" class=" am-text-right">下载二</a><span style="margin: 0 4px; color: #fff; float: right;">|</span><a data-href="{$app_download1}" onclick="downloadApp('{$app_download1}')" style="color: #fff;float: right;" class=" am-text-right">下载一</a>
  113. </div>
  114. </form>
  115. <div id="appdown">
  116. <span class="close">x</span>
  117. <div class="info">
  118. <p>用苹果自带浏览器打开首页</p>
  119. <p>网址:<span id="url">cmgj.vip</span><span class="copy" onclick="copy()">复制</span></p>
  120. <p>点击底部按钮,添加到主屏幕</p>
  121. </div>
  122. <img src="__CDN__/assets/shop/img/download.png" alt="">
  123. </div>
  124. </div>
  125. </div>
  126. <script src="__CDN__/assets/shop/js/jquery.min.js"></script>
  127. <script src="__CDN__/assets/shop/js/amazeui.js"></script>
  128. <!--<script src="__CDN__/assets/shop/js/cookie.js"></script>-->
  129. <!--<script src="__CDN__/assets/shop/js/mdd.js"></script>-->
  130. <script src="__CDN__/assets/libs/layer/layer.js"></script>
  131. <script>
  132. $('#url').text(location.hostname);
  133. $('#submit').click(function(){
  134. var formData = new FormData($('#form1')[0]);
  135. $.ajax({
  136. type: "POST",
  137. url: "{:url('user/login')}",
  138. data: formData,
  139. contentType: false,
  140. processData: false,
  141. success: function(data) {
  142. console.log(data);
  143. layer.msg(data.msg,{time:1000},function(){
  144. if(data.code >0 )
  145. {
  146. // location='/shop/index/run';
  147. location='/shop/index/index';
  148. }else{
  149. location=location;
  150. }
  151. });
  152. },
  153. error: function(XMLHttpRequest, textStatus, errorThrown) {
  154. layer.msg("{:__('网络错误,请稍后重试')}");
  155. }
  156. });
  157. });
  158. function copy() {
  159. var input = document.createElement("input");
  160. input.value = $("#url").text();
  161. document.body.appendChild(input);
  162. input.select();
  163. input.setSelectionRange(0, input.value.length), document.execCommand('Copy');
  164. document.body.removeChild(input);
  165. layer.msg("{:__('复制成功')}");
  166. }
  167. function downloadApp(url){
  168. if(isIos()){
  169. }else{
  170. location.href = url;
  171. }
  172. }
  173. function isIos(){
  174. var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
  175. var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
  176. return isiOS;
  177. }
  178. </script>
  179. </body>
  180. </html>