add_information.html 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title></title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
  7. <meta name="apple-mobile-web-app-capable" content="yes">
  8. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  9. <link rel="stylesheet" type="text/css" href="css/mui.min.css" />
  10. <link rel="stylesheet" type="text/css" href="css/iconfont.css" />
  11. <link rel="stylesheet" type="text/css" href="css/mui.picker.min.css"/>
  12. <link rel="stylesheet" type="text/css" href="css/mui.poppicker.css"/>
  13. <link rel="stylesheet" type="text/css" href="css/style.css" />
  14. <link rel="stylesheet" type="text/css" href="css/add_information.css" />
  15. <script type="text/javascript">
  16. // 屏蔽分享
  17. window.hiddenAllWechatMenu = true;
  18. </script>
  19. </head>
  20. <body>
  21. <div class="loading-bg">
  22. <div class="mui-loading">
  23. <div class="mui-spinner">
  24. </div>
  25. &nbsp;&nbsp;加载中...
  26. </div>
  27. </div>
  28. <div class="mui-content">
  29. <!-- 遮罩层 start -->
  30. <div id="guize-picture" class="mui-popover mui-popover-action mui-popover-bottom" style="top:0">
  31. <img style="margin-top:40%;margin-left: 5%;" width="90%" src="images/place_show_eg.png" />
  32. </div>
  33. <!-- 遮罩层end -->
  34. <div class="tips more">
  35. </div>
  36. <div class="tips-title" style="height: 100%;width: 100%;text-align: center;line-height: 31px;"><span>请您完善以下信息,并确保真实!</span><a href="#guize-picture" style="font-size: 14px;">查看示例</a></div>
  37. <form class="mui-input-group">
  38. <div class="mui-input-row">
  39. <label>联系人姓名</label>
  40. <input type="text" class="mui-input-clear" placeholder="请输入您的联系人姓名" id="ipt-name" maxlength="10">
  41. </div>
  42. <div class="mui-input-row">
  43. <label>手机号码</label>
  44. <input type="tel" class="mui-input-clear" placeholder="请输入您的真实号码" id="ipt-phone" maxlength="12">
  45. </div>
  46. <div class="mui-input-row">
  47. <label style='width:35%'>店铺/代理名称</label>
  48. <input style='width:65%' type="text" class="mui-input-clear" placeholder="请输入您的店铺/代理名称" id="ipt-shop-name" maxlength="30">
  49. </div>
  50. <div class="mui-input-row">
  51. <span class="my-arrowright">
  52. <span class="triangle-down"></span>
  53. </span>
  54. <label>所在区域</label>
  55. <input type="text" readonly="readonly" placeholder="请选择您的所在区域" id='showCityPicker3'>
  56. </div>
  57. <div class="mui-input-row">
  58. <label>详细地址</label>
  59. <input type="text" class="mui-input-clear" placeholder="请输入您的详细地址" id="ipt-address" maxlength="30">
  60. </div>
  61. </form>
  62. <br />
  63. <div class="mui-content-padded">
  64. <button type="button" class="mui-btn mui-btn-block mui-btn-red" id="btn_submit" >提交,进入分销中心>></button>
  65. </div>
  66. </div>
  67. <div id='cityResult3' class="ui-alert"></div>
  68. <div id="popover" class="mui-popover">
  69. <div class="yes-dalog"><div><div class="content-yes"><span><span class="mui-icon mui-icon-checkmarkempty"></span></span></div><h4>已提交审核!</h4><h5>信息将进入后台审核,请耐心等候</h5><div class="btn-yes">确认</div></div></div>
  70. </div>
  71. <script src="js/mui.min.js"></script>
  72. <script src="js/mui.picker.min.js"></script>
  73. <script src="js/mui.poppicker.js"></script>
  74. <script src="js/city.data.js" charset="utf-8"></script>
  75. <script src="js/city.data-3.js" charset="utf-8"></script>
  76. <script src="js/jquery-2.1.1.min.js"></script>
  77. <script src="js/main.js"></script>
  78. <script src="js/page/wechat-utils-1.0.js"></script>
  79. <script src="js/page/add_information.js"></script>
  80. </body>
  81. </html>