add bootstrap support
This commit is contained in:
+34
-26
@@ -6,35 +6,43 @@
|
||||
<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'">
|
||||
<title>爱马仕约会</title>
|
||||
|
||||
<!-- Bootstrap CSS -->
|
||||
<link rel="stylesheet" href="./src/contents/bootstrap/bootstrap.min.css"/>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div class="form-group">
|
||||
<h3 class="col-md-4 control-label">选择联系人</h3>
|
||||
<div class="col-md-4">
|
||||
<label for="start_number">开始联系人位置</label>
|
||||
<input type="number" id="start_number" value="0"/>
|
||||
<br>
|
||||
<label for="start_number">结束联系人位置</label>
|
||||
<input type="number" id="end_number" value="0"/>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<h5 class="col-md-4 control-label">选择联系人</h5>
|
||||
<div class="col-md-4">
|
||||
<label for="start_number">开始联系人位置</label>
|
||||
<input type="number" id="start_number" value="0"/>
|
||||
<br>
|
||||
<label for="start_number">结束联系人位置</label>
|
||||
<input type="number" id="end_number" value="0"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col">
|
||||
<h5>目标商店</h5>
|
||||
<select name="store_list" id="store_selector" class="form-select">
|
||||
<option value="random">随机</option>
|
||||
<option value="faubourg">Hermès Faubourg Saint-Honoré</option>
|
||||
<option value="georgev">Hermès George V</option>
|
||||
<option value="sevres">Hermès Sèvres</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<div class="row">
|
||||
<h5>连接的手机</h5>
|
||||
<div id="device_list"/>
|
||||
</div>
|
||||
<br/>
|
||||
<button id="start_book_btn" type="button" class="btn btn-primary">开始约会
|
||||
</button>
|
||||
<script src="./renderer.js"></script>
|
||||
</div>
|
||||
<br/>
|
||||
<div class="col-md-4">
|
||||
<label name="store" for="store_selector">目标商店</label>
|
||||
<select name="store_list" id="store_selector">
|
||||
<option value="random">随机</option>
|
||||
<option value="faubourg">Hermès Faubourg Saint-Honoré</option>
|
||||
<option value="georgev">Hermès George V</option>
|
||||
<option value="sevres">Hermès Sèvres</option>
|
||||
</select>
|
||||
</div>
|
||||
<div>
|
||||
<label for="device_list">连接的手机</label>
|
||||
<div id="device_list"/>
|
||||
</div>
|
||||
<br/>
|
||||
<button id="start_book_btn">开始约会
|
||||
</button>
|
||||
<script src="./renderer.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user