weiyong
/
201912G11


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
							<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>设置表</title>
</head>
<body>
<header>
    <h1>可视化数据实训作业</h1>
    <time id="headerTime"></time>
    <div class="weatherBox">
        <i class="weatherIcon" id="weatherIcon"></i>
        <ul>
            <li class="temperature" id="temperature"></li>
            <li class="weather" id="weather"></li>
        </ul>
    </div>

</header>
<aside>
    <h3>设置</h3>
    <div class="input-group">
        <h4>设计图</h4>
        <label for="designW">宽(像素):</label>
        <input id="designW" value="1920" type="number" min="1">
        <label for="designH">高(像素):</label>
        <input id="designH" value="1080" type="number" min="1">
    </div>
    <div class="input-group">
        <h4>缩放模式</h4>
        <label for="contain" title="等比例包含，适合总览"><input type="radio" id="contain"
                                                       name="zoomMode"><span>contain</span></label>
        <label for="cover" title="等比例覆盖，适合开发细节"><input type="radio" id="cover"
                                                       name="zoomMode"><span>cover</span></label>
        <label for="stretch" title="拉伸，比例变形填满屏幕无滚动条"><input type="radio" id="stretch"
                                                            name="zoomMode"><span>stretch</span></label>
    </div>
    <div class="input-group colors">
        <h4>配色方案</h4>
    </div>
    <div class="input-group other">
        <h4>其它</h4>
        <label for="getWeatherPeriod">天气更新频率(分钟):</label>
        <input id="getWeatherPeriod" type="number" min="1" value="5">
        <label for="chartRefreshPeriod">图表刷新频率(秒):</label>
        <input id="chartRefreshPeriod" type="number" min="1" value="10">
        <label ><input id="notebookOptim" type="checkbox">低分辨率优化</label>
    </div>
    <div class="input-group">
        <button id="saveSetting">保存并刷新</button>
    </div>
</aside>
</body>
</html>
<!--
	配置表
-->