contacts.html 3.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>逸管FEP</title>
  7. <link rel="stylesheet" href="{__MOBILE__}/css/base.css">
  8. <link rel="stylesheet" href="{__MOBILE__}/css/contacts.css">
  9. <link rel="stylesheet" href="{__MOBILE__}/layui/css/layui.css">
  10. <link rel="stylesheet" href="{__MOBILE__}/layui-v2.8.18-rc.1/layui-v2.8.18-rc.1/layui/css/layui.css">
  11. </head>
  12. <body>
  13. <div class="top">
  14. <a href="{:url('mobile/index/main')}">
  15. <div><img src="{__MOBILE__}/img/left.png" alt="" style="width: 5vw;"></div>
  16. </a>
  17. <div style="font-size: 4.65vw;">通讯录</div>
  18. <!-- 下面是个小妙招 -->
  19. <div style="width: 5vw;"></div>
  20. </div>
  21. <div class="contacts" style="margin-top: 13vw !important;">
  22. <div class="layui-tab layui-tab-brief">
  23. <ul class="layui-tab-title">
  24. <li class="layui-this">内部</li>
  25. <!--<a href="{:url('mobile/index/contacts_exterior')}">-->
  26. <!-- <li>外部</li>-->
  27. <!--</a>-->
  28. </ul>
  29. </div>
  30. <div class="sreach">
  31. <form id="taskForm" class="layui-form" lay-filter="barsearchform">
  32. <div class="layui-input-wrap" style="display: flex;">
  33. <input type="text" name="keyword" lay-filter="search" placeholder="搜索…" class="layui-input" style="height: 10.1vw !important;">
  34. <span>
  35. <button lay-submit="" lay-filter="webform" style="width: 10vw;height: 10.1vw;border: none;" >
  36. <img src="{__MOBILE__}/img/search.png" alt="" style="width: 100%;height: 100%;">
  37. </button>
  38. </span>
  39. </div>
  40. </form>
  41. </div>
  42. </div>
  43. {volist name="$list" id="vo"}
  44. <div class="person">
  45. <div><img src="{__MOBILE__}/img/line.png" alt="" style="width: 5vw;height: 4vw;"></div>
  46. <div>
  47. <div class="person-content">
  48. <div class="content">
  49. <span>联系人:{$vo.nickname}</span>
  50. </div>
  51. <div class="content">
  52. <span>电话号码:{$vo.mobile}</span>
  53. </div>
  54. <div class="content">
  55. <span>电子邮箱:{$vo.email}</span>
  56. </div>
  57. </div>
  58. </div>
  59. </div>
  60. {/volist}
  61. <script src="{__MOBILE__}/mobileSelect-master/js/mobileSelect.js"></script>
  62. <script src="{__MOBILE__}/layui-v2.8.18-rc.1/layui-v2.8.18-rc.1/layui/layui.js"></script>
  63. <script src="{__MOBILE__}/js/jquery-3.4.1.min.js"></script>
  64. <script>
  65. var form = layui.form;
  66. //监听搜索提交
  67. form.on('submit(webform)', function (data){
  68. const host = window.location.host;
  69. window.location.href = 'http://' + host + '/mobile/index/contacts?keyword=' + data.field['keyword'];
  70. return false;
  71. })
  72. </script>
  73. </body>
  74. </html>