feat: init project with pages and index

pages/sys-basic.html

@@ -0,0 +1,75 @@
+<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>