background.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>开始新的旅程吧</title>
    <link rel="stylesheet" href="./css/background.css">
</head>

<body>
    <div id="root">
        <div class="info">
            <div class="date"></div>
        </div>
        <div class="weather"></div>
        <!----------------------- 搜索框 ------------------>
        <input type="text" id="search" autocomplete="off">
        <!----------------------- 彩虹屁  ----------------->
        <h2 id="chp"></h2>
        <!------------------------ 历史记录 ---------------->
        <div id="history_container">
        </div>
         <!---------------------- 设置按钮 -------------------------->
         <div id="set_btn">...</div>


         <!--------------------菜单项 ------------------>
         <div id="menu">
            <div class="menu-item">
                <label for="engine">搜索引擎:</label>
                <div class="menu-item-content engine">
                    <input type="radio" name="engine" data="baidu" checked="checked">百度
                    <input type="radio" name="engine" data="biying">必应
                    <input type="radio" name="engine" data="google">谷歌
                </div>
            </div>
            <div class="menu-item">
                <label for="backg">背景图:</label>
                <div class="select_bg menu-item-content">
                    <div class="select_file_type">
                        <div class="active local">本地选择</div><div class="network">网络图片</div>
                    </div>
                    <input type="file" id="local_img_file" accept="image/*">
                </div>
            </div>
            <div class="menu-item color_with_img">
                <label for="color_with_img">字体颜色跟随图片</label>
                <div class="menu-item-content">
                    <input type="checkbox" class="switch" id="textcolor_with_img">
                </div>
            </div>

            <div class="menu-item show_history">
                <label for="show_history">是否显示历史记录</label>
                <div class="menu-item-content">
                    <input type="checkbox" class="switch" id="show_history_switch">
                </div>
            </div>
            <div class="menu-item aboutme">
                <label for="关于:"></label>
                <div class="menu-item-content">
                    <a href="https://github.com/wangfpp">我的github</a>
                </div>
            </div>
         </div>
        <!---------------------- 页脚  ------------------>
        <footer>Wangfpp & fishfang</footer>
    </div>
</body>
<script src="./js/chrome_runtime.js"></script>
<script src="./js/comm_js.js"></script>
<script src="./js/search_engine.js"></script>
<script src="./js/localstorage.js"></script>
<script src="./js/weather.js"></script>
<script src="./js/background.js"></script>


</html>