add bootstrap support

This commit is contained in:
2022-09-17 15:37:26 +02:00
parent 7eafc24e23
commit bf429581ad
34 changed files with 39500 additions and 27 deletions
+34 -26
View File
@@ -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>