plantapp
/
index.html

<!DOCTYPE html>
<!-- saved from url=(0045)file:///C:/Users/Nick/Desktop/bups/index.html -->
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <!-- <meta http-equiv="x-ua-compatible" content="ie=edge"> -->
    <script src="jquery-1.11.3.min.js"></script>
    <link rel="stylesheet" type="text/css" href="index.css">
    <script type="text/javascript" src="index.js"></script>
    <script src="vue.min.js"></script>


</head>
<body onload="load_all_article()">
<div id="top">
    <h1>首页</h1>

    <script>

    $(window).resize(function(){
         $("#top").css({
            height: $(window).height()*0.125,
         });
         $("#top").css("background-color","#40af7e");
         $("#tab").css({
         height: $(window).height()*0.125
        });
        console.log("worked");
    });


        $(document).keyup(function (e) {//捕获文档对象的按键弹起事件
        if (e.keyCode == 13) {
            search_article();
            //按键信息对象以参数的形式传递进来了
        //此处编写用户敲回车后的代码
        }
    });
    </script>
    <!--form name="search" onsubmit="return search_article()" method="get"-->
        <input type="text" placeholder="请输入植物名称" id="plantname" onfocus="to_search()">
        <input type="image" src="img/search@2x.png" onclick="search_article()" style="
    width: 1rem;
    height: 1rem;
    margin: -1.9rem 0rem 0rem 0.2rem;
    display: flex;
    background-color: rgba(0,0,0,0);
">
    <!--/form-->
    <br>
    <button type="button" value="login" v-if="weixin.isweixin()" onclick="weixin.getUserInfo()">授权登陆</button>
</div>

<div id="text" style="
    position: fixed;
    margin: 13.3rem 0rem 0rem 0rem;
    width: 100%;
">
    <ol id="list">
       <!--  <li>
    <a href="www.baidu.com">
         <img src="1.jpg">
            <h3 class="texttitle">测试文章</h3>
            <p class="resource">华农官网 Rytia</p>
            <p class="good">52赞</p>
    </a>
        </li> -->
    </ol>
</div>


<div id="tab" style="
    border-top: 1px solid #bbbbbb;
    position: fixed;
    display: flex;
    width: 100%;
    background-color: #ffffff;
    bottom: 0rem;
    z-index: 9999;
">

 <a href="index.html" style="
    text-decoration:  none;
    margin: auto;
">
    <img class="index" src="img/home2@2x.png" style="margin: auto;">
    <p style="
        margin: -0.3rem 0rem 0rem 0.6rem;
    color: green;
">首页</p>
 </a>


   <a href="map.html" style="
    text-decoration:  none;
    margin: auto;
">
    <img class="nearby" src="img/map@2x.png" style="margin: auto;">
         <p style="
    color: #777777;
    margin: -0.3rem 0rem 0rem 0.6rem;
">附近</p>
  </a>

    <a href="note.html" style="
    text-decoration:  none;
    margin: auto;
">
        <img class="note" src="img/note@2x.png" style="margin: auto;">
        <p style="
    color:  #777777;
    margin: -0.3rem 0rem 0rem 0.6rem;
">笔记</p>
    </a>

</div>


</body></html>