综述: 更新品牌信息页面内容和样式

- 修改品牌信息页面布局,优化展示效果
- 调整品牌管理模块的样式规范和交互体验
This commit is contained in:
linbin 2025-10-02 00:14:07 +08:00
parent dbc740c978
commit dd0d3dff8a
1 changed files with 3 additions and 14 deletions

View File

@ -494,11 +494,7 @@
<div class="info-label">品牌名称</div> <div class="info-label">品牌名称</div>
<div class="info-value">示例品牌</div> <div class="info-value">示例品牌</div>
</div> </div>
<div class="info-item"> <div class="info-item">
<div class="info-label">品牌ID</div>
<div class="info-value">BRAND001</div>
</div>
<div class="info-item">
<div class="info-label">品牌LOGO</div> <div class="info-label">品牌LOGO</div>
<div class="media-preview"> <div class="media-preview">
<img src="https://via.placeholder.com/100x100/1890ff/ffffff?text=LOGO" alt="品牌LOGO" class="image-preview" onclick="previewImage(this.src)"> <img src="https://via.placeholder.com/100x100/1890ff/ffffff?text=LOGO" alt="品牌LOGO" class="image-preview" onclick="previewImage(this.src)">
@ -512,10 +508,7 @@
</div> </div>
<div class="info-item"> <div class="info-item">
<div class="info-label">品牌首页</div> <div class="info-label">品牌首页</div>
<div class="switch-wrapper"> <div class="info-value">启用</div>
<div class="switch active" onclick="toggleSwitch(this)"></div>
<span class="switch-text">启用</span>
</div>
</div> </div>
<div class="info-item"> <div class="info-item">
<div class="info-label">宣传语</div> <div class="info-label">宣传语</div>
@ -570,11 +563,7 @@
<label class="form-label">品牌名称 *</label> <label class="form-label">品牌名称 *</label>
<input type="text" class="form-input" value="示例品牌" placeholder="请输入品牌名称"> <input type="text" class="form-input" value="示例品牌" placeholder="请输入品牌名称">
</div> </div>
<div class="form-item"> <div class="form-item full-width">
<label class="form-label">品牌ID</label>
<input type="text" class="form-input" value="BRAND001" disabled>
</div>
<div class="form-item full-width">
<label class="form-label">品牌LOGO *</label> <label class="form-label">品牌LOGO *</label>
<div class="upload-area" onclick="selectFile('logo')"> <div class="upload-area" onclick="selectFile('logo')">
<div class="upload-icon">📁</div> <div class="upload-icon">📁</div>