index.php 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. <?php
  2. use yii\helpers\Html;
  3. use yii\helpers\Url;
  4. ?>
  5. <?= Html::cssFile('@web/css/weui.min.css'); ?>
  6. <?= Html::cssFile('@web/css/jquery-weui.min.css'); ?>
  7. <?= Html::cssFile('@web/css/base.css'); ?>
  8. <?= Html::cssFile('@web/iconfont/iconfont.css'); ?>
  9. <?= Html::jsFile('@web/js/jquery.min.js'); ?>
  10. <?= Html::jsFile('@web/js/jquery-weui.min.js'); ?>
  11. <!doctype html>
  12. <html>
  13. <head>
  14. <meta charset="UTF-8">
  15. <title>搜索</title>
  16. <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
  17. </head>
  18. <body>
  19. <div class="search-main">
  20. <!-- <form method="post" action="--><?//=Url::toRoute(['search/list']);?><!--">-->
  21. <div class="weui-search-bar" id="searchBar">
  22. <div class="weui-search-bar__box">
  23. <i class="weui-icon-search"></i>
  24. <input type="search" name="search" class="weui-search-bar__input" id="searchInput" placeholder="搜索" required="">
  25. <input type="hidden" name="_csrf-frontend" value="<?= Yii::$app->request->csrfToken ?>">
  26. <a href="javascript:" class="weui-icon-clear" id="searchClear"></a>
  27. </div>
  28. <!-- <label class="weui-search-bar__label" id="searchText">-->
  29. <!-- <i class="weui-icon-search"></i>-->
  30. <!-- <span>搜索</span>-->
  31. <!-- </label>-->
  32. <a href="javascript:" class="weui-search-bar__cancel-btn" id="searchCancel">取消</a>
  33. </div>
  34. <ul class="search-list">
  35. <?php $datas=\frontend\controllers\SearchController::hotsearch();
  36. if(!empty($datas)){
  37. foreach($datas as $data):?>
  38. <li>
  39. <input type="radio" id="cheack<?=$data->id?>" name="hotsearch" class="checkbox">
  40. <label for="cheack<?=$data->id?>"><?=$data->keyword?></label>
  41. </li>
  42. <!-- <a href="#" class="hotsearch">--><?//=$data->keyword?><!--</a>-->
  43. <?php endforeach;?>
  44. <?php } ?>
  45. </ul>
  46. <button type="button" class="weui-btn weui-btn_plain-default submit-btn">搜索</button>
  47. <!-- </form>-->
  48. </div>
  49. </div>
  50. </body>
  51. </html>
  52. <script>
  53. $('.checkbox').click(function(){
  54. var search = $(this).parent().find('label').text();
  55. $('#searchInput').val(search);
  56. // $('.search').click();
  57. });
  58. $('.submit-btn').click(function(){
  59. var search = $('#searchInput').val();
  60. if(search==''){
  61. return false;
  62. }
  63. window.location.href = "<?=Url::toRoute(['search/list']);?>?search="+search;
  64. });
  65. </script>