76 lines
2.8 KiB
HTML
76 lines
2.8 KiB
HTML
<style>
|
|
.sba-wrap{padding:24px;max-width:900px;}
|
|
.sba-section-hd{font-size:15px;font-weight:600;color:var(--g-text);padding-left:10px;border-left:3px solid var(--primary);margin-bottom:16px;}
|
|
.sba-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 28px;}
|
|
.sba-full{grid-column:1/-1;}
|
|
.sba-logo-zone{width:120px;height:120px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;}
|
|
.sba-logo-zone i{width:28px;height:28px;color:var(--g-text-muted);}
|
|
.sba-logo-zone span{font-size:12px;color:var(--g-text-muted);}
|
|
.sba-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px 24px 0;margin-top:8px;}
|
|
</style>
|
|
|
|
<div class="sba-wrap">
|
|
<div class="g-card" style="padding:24px;">
|
|
<!-- 品牌信息 -->
|
|
<div class="sba-section-hd">品牌信息</div>
|
|
<div class="sba-grid">
|
|
<div class="g-form-group">
|
|
<label class="g-form-label required">品牌名称</label>
|
|
<input class="g-input" value="老三家外卖" placeholder="请输入品牌名称">
|
|
</div>
|
|
<div class="g-form-group">
|
|
<label class="g-form-label">客服电话</label>
|
|
<input class="g-input" value="400-888-6666" placeholder="请输入客服电话">
|
|
</div>
|
|
<div class="sba-full g-form-group">
|
|
<label class="g-form-label">品牌Logo</label>
|
|
<div class="g-upload-zone sba-logo-zone">
|
|
<i data-lucide="upload-cloud"></i>
|
|
<span>点击上传</span>
|
|
</div>
|
|
</div>
|
|
<div class="sba-full g-form-group">
|
|
<label class="g-form-label">品牌简介</label>
|
|
<textarea class="g-textarea" rows="2" placeholder="请输入品牌简介，将展示在店铺首页"></textarea>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="g-divider" style="margin:24px 0;"></div>
|
|
|
|
<!-- 系统设置 -->
|
|
<div class="sba-section-hd">系统设置</div>
|
|
<div class="sba-grid">
|
|
<div class="g-form-group">
|
|
<label class="g-form-label required">默认语言</label>
|
|
<select class="g-select">
|
|
<option selected>简体中文</option>
|
|
<option>English</option>
|
|
</select>
|
|
</div>
|
|
<div class="g-form-group">
|
|
<label class="g-form-label required">时区</label>
|
|
<select class="g-select">
|
|
<option selected>Asia/Shanghai (UTC+8)</option>
|
|
<option>America/New_York (UTC-5)</option>
|
|
</select>
|
|
</div>
|
|
<div class="g-form-group">
|
|
<label class="g-form-label required">货币</label>
|
|
<select class="g-select">
|
|
<option selected>CNY ¥</option>
|
|
<option>USD $</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="sba-footer">
|
|
<button class="g-btn">重置</button>
|
|
<button class="g-btn g-btn-primary">保存</button>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
if(typeof lucide!=='undefined'){lucide.createIcons();}
|
|
</script>
|