LeonMMcoset/leonapp
1
1
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects 1 Releases 1 Wiki Activity

style: 统一表单输入框使用 form-floating 样式

Browse Source 
重构多个表单页面的输入框样式，将普通输入框和标签组合改为使用 Bootstrap 的 form-floating 样式，提升表单的视觉一致性和用户体验
This commit is contained in:
Leonmmcoset
2025-07-07 22:08:17 +08:00
parent a631bdc5b5
commit e5bcd5e039
8 changed files with 65 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
admin/editapp.php
View File

@@ -162,9 +162,9 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['edit_app'])) {
<h2>编辑App: <?php echo htmlspecialchars($app['name']); ?></h2>
<form method="post" enctype="multipart/form-data">
<div class="mb-3">
<label for="name" class="form-label">App名称</label>
<div class="form-floating mb-3">
<input type="text" class="form-control" id="name" name="name" value="<?php echo htmlspecialchars($app['name']); ?>" required>
<label for="name">App名称</label>
</div>
<div class="mb-3">
<label for="tags" class="form-label">标签</label>
@@ -188,9 +188,9 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['edit_app'])) {
</select>
<div class="form-text">按住Ctrl键可选择多个标签</div>
</div>
<div class="mb-3">
<label for="description" class="form-label">描述</label>
<div class="form-floating mb-3">
<textarea class="form-control" id="description" name="description" rows="3" required><?php echo htmlspecialchars($app['description']); ?></textarea>
<label for="description">描述</label>
</div>
<div class="mb-3">
<label for="age_rating" class="form-label">年龄分级</label>
@@ -275,14 +275,14 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['edit_app'])) {
</div>
</div>
</div>
<div class="mb-3">
<label for="version" class="form-label">新版本号</label>
<div class="form-floating mb-3">
<input type="text" class="form-control" id="version" name="version" placeholder="如: 1.0.1">
<label for="version">新版本号</label>
<div class="form-text">仅在上传新安装包时填写</div>
</div>
<div class="mb-3">
<label for="changelog" class="form-label">更新日志</label>
<div class="form-floating mb-3">
<textarea class="form-control" id="changelog" name="changelog" rows="3" placeholder="描述本次更新内容"></textarea>
<label for="changelog">更新日志</label>
</div>
<div class="mb-3">
<label for="app_file" class="form-label">新App文件 (可选)</label>