123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8"/>
- <meta name="format-detection" content="telephone=no"/>
- <meta name="viewport"
- content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
- <meta name="apple-mobile-web-app-capable" content="yes"/>
- <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
- <title>食物热量查询</title>
- <link rel="stylesheet" href="../../../css/cross.css" type="text/css"/>
- <link rel="stylesheet" href="../css/search-bar.css" type="text/css"/>
- </head>
- <body>
- <div class="searchbar searchbar-init index9999">
- <div class="searchbar-input">
- <input type="search" placeholder="搜索" id="searchInput">
- <a href="javascript:void(0);" class="searchbar-clear"></a>
- <a class="searchbar-cancel" id="searchCancel"><img src="../images/guanbi_btn.png" width="18" height="18"></a>
- </div>
- </div>
- <!--查询结果列表-->
- <ul class="searchbar-result-list index9999 js-mask-cont" id="searchResultList">
- <script id="ResultTemplate" type="text/html">
- {{each list as value i}}
- <li class="searchbar-result-item" data-id="{{value.id}}">
- <span class="searchbar-result-name">{{value.name}}</span>
- </li>
- {{/each}}
- </script>
- </ul>
- <div class="common-mask js-mask-cont"></div>
- <!-- 分类入口 -->
- <div class="search-list-box" id="categoryIndex">
- <script id="categoryList" type="text/html">
- {{each list as value i}}
- <div class="search-list-item">
- <a href="category-cont.html?pid={{value.id}}" class="search-list-item-img"><img src="{{value.photo | getPhoto}}" alt=""></a>
- <div class="search-list-item-txt">{{value.name}}</div>
- </div>
- {{/each}}
- </script>
- </div>
- <div class="search-result" id="searchResult">
- <script id="singleResult" type="text/html">
- <div class="search-result-main">
- <div class="search-main-box">
- <div class="search-result-img">
- <img src="{{photo | getPhoto}}" alt="">
- </div>
- <div class="search-result-tit">
- <div class="line1"><span>{{name}}</span><span class="pl30">{{weight}}</span></div>
- <div class="line2">{{hot}}千卡热量</div>
- </div>
- </div>
- </div>
- <div class="search-result-msg mt10">
- <div class="c-border-b pb10 pt10 pl10">营养信息</div>
- <ul class="search-result-msg-list">
- {{each component as value i}}
- <li><span>{{i}}</span><span>{{value}}</span></li>
- {{/each}}
- </ul>
- </div>
- </script>
- </div>
- <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
- <script src="../../../js/weixin_common.js"></script>
- <script src="../../../js/template.js"></script>
- <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
- <script src="../js/search-bar.js"></script>
- <script type="text/javascript">
- template.helper('getPhoto', function(str){
- return getImgUrl(str);
- })
- </script>
- </body>
- </html>
|