feat: 初始化画个标仓库 - AI驱动设计系统(BYOK模式) - 224源/371504图标+25海报源+130技能
This commit is contained in:
@@ -0,0 +1,696 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>底部 Tab 图标方案对比</title>
|
||||
<style>
|
||||
* { margin:0; padding:0; box-sizing:border-box; }
|
||||
body { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; background:#f5f5f7; color:#333; padding:32px 24px 64px; }
|
||||
h1 { font-size:22px; margin-bottom:4px; }
|
||||
.sub { color:#888; font-size:13px; margin-bottom:28px; }
|
||||
.legend { display:flex; gap:20px; margin-bottom:20px; font-size:13px; color:#666; }
|
||||
.legend .sw { display:inline-block; width:14px; height:14px; border-radius:4px; vertical-align:-2px; margin-right:4px; }
|
||||
.card { background:#fff; border-radius:14px; padding:20px 24px; margin-bottom:20px; box-shadow:0 1px 3px rgba(0,0,0,.06); }
|
||||
.card h2 { font-size:16px; margin-bottom:16px; }
|
||||
.row { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; }
|
||||
.cell { text-align:center; }
|
||||
.iconrow { display:flex; justify-content:center; gap:16px; margin-bottom:6px; }
|
||||
.ico { width:64px; height:64px; border-radius:14px; background:#f2f2f4; display:flex; align-items:center; justify-content:center; }
|
||||
.ico svg { width:34px; height:34px; display:block; }
|
||||
.ico.active { background:#fdf0ee; }
|
||||
.lbl { font-size:13px; font-weight:600; margin-top:2px; }
|
||||
.id { font-size:10px; color:#999; margin-top:4px; font-family:ui-monospace,Consolas,monospace; word-break:break-all; }
|
||||
@media (max-width:720px){ .row { grid-template-columns:repeat(2,1fr); } }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1>底部 Tab 图标方案对比</h1>
|
||||
<div class="sub">图标数据来自「画个标」内置图标库 · 共 15 套方案 · 左=未选中(灰 #8a8a8a) 右=选中(红 #c73e3a)</div>
|
||||
<div class="legend">
|
||||
<span><span class="sw" style="background:#8a8a8a"></span>未选中</span>
|
||||
<span><span class="sw" style="background:#c73e3a"></span>选中</span>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<h2>A · Lucide 细线条</h2>
|
||||
<div class="row">
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8 2v3" /> <path fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M16 2v3" /> <rect fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" x="3" y="3" width="18" height="18" rx="2" /> <path fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M3 9h18" /></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8 2v3" /> <path fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M16 2v3" /> <rect fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" x="3" y="3" width="18" height="18" rx="2" /> <path fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M3 9h18" /></svg></div>
|
||||
</div>
|
||||
<div class="lbl">商局</div>
|
||||
<div class="id">lucide:calendar</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><circle fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" cx="12" cy="12" r="10" /> <circle fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" cx="12" cy="12" r="6" /> <circle fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" cx="12" cy="12" r="2" /></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><circle fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" cx="12" cy="12" r="10" /> <circle fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" cx="12" cy="12" r="6" /> <circle fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" cx="12" cy="12" r="2" /></svg></div>
|
||||
</div>
|
||||
<div class="lbl">商机</div>
|
||||
<div class="id">lucide:target</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526" /> <circle fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" cx="12" cy="8" r="6" /></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526" /> <circle fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" cx="12" cy="8" r="6" /></svg></div>
|
||||
</div>
|
||||
<div class="lbl">会员风采</div>
|
||||
<div class="id">lucide:award</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M12 10h.01" /> <path fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M12 14h.01" /> <path fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M12 6h.01" /> <path fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M16 10h.01" /> <path fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M16 14h.01" /> <path fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M16 6h.01" /> <path fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8 10h.01" /> <path fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8 14h.01" /> <path fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8 6h.01" /> <path fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M9 22v-3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3" /> <rect fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" x="4" y="2" width="16" height="20" rx="2" /></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M12 10h.01" /> <path fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M12 14h.01" /> <path fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M12 6h.01" /> <path fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M16 10h.01" /> <path fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M16 14h.01" /> <path fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M16 6h.01" /> <path fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8 10h.01" /> <path fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8 14h.01" /> <path fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8 6h.01" /> <path fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M9 22v-3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3" /> <rect fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" x="4" y="2" width="16" height="20" rx="2" /></svg></div>
|
||||
</div>
|
||||
<div class="lbl">组织</div>
|
||||
<div class="id">lucide:building</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" /> <circle fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" cx="12" cy="7" r="4" /></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" /> <circle fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" cx="12" cy="7" r="4" /></svg></div>
|
||||
</div>
|
||||
<div class="lbl">我的</div>
|
||||
<div class="id">lucide:user</div>
|
||||
</div></div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h2>B · Lucide 商务感</h2>
|
||||
<div class="row">
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="m11 17 2 2a1 1 0 1 0 3-3" /> <path fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="m14 14 2.5 2.5a1 1 0 1 0 3-3l-3.88-3.88a3 3 0 0 0-4.24 0l-.88.88a1 1 0 1 1-3-3l2.81-2.81a5.79 5.79 0 0 1 7.06-.87l.47.28a2 2 0 0 0 1.42.25L21 4" /> <path fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="m21 3 1 11h-2" /> <path fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M3 3 2 14l6.5 6.5a1 1 0 1 0 3-3" /> <path fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M3 4h8" /></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="m11 17 2 2a1 1 0 1 0 3-3" /> <path fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="m14 14 2.5 2.5a1 1 0 1 0 3-3l-3.88-3.88a3 3 0 0 0-4.24 0l-.88.88a1 1 0 1 1-3-3l2.81-2.81a5.79 5.79 0 0 1 7.06-.87l.47.28a2 2 0 0 0 1.42.25L21 4" /> <path fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="m21 3 1 11h-2" /> <path fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M3 3 2 14l6.5 6.5a1 1 0 1 0 3-3" /> <path fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M3 4h8" /></svg></div>
|
||||
</div>
|
||||
<div class="lbl">商局</div>
|
||||
<div class="id">lucide:handshake</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M16 7h6v6" /> <path fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="m22 7-8.5 8.5-5-5L2 17" /></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M16 7h6v6" /> <path fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="m22 7-8.5 8.5-5-5L2 17" /></svg></div>
|
||||
</div>
|
||||
<div class="lbl">商机</div>
|
||||
<div class="id">lucide:trending-up</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M11.562 3.266a.5.5 0 0 1 .876 0L15.39 8.87a1 1 0 0 0 1.516.294L21.183 5.5a.5.5 0 0 1 .798.519l-2.834 10.246a1 1 0 0 1-.956.734H5.81a1 1 0 0 1-.957-.734L2.02 6.02a.5.5 0 0 1 .798-.519l4.276 3.664a1 1 0 0 0 1.516-.294z" /> <path fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M5 21h14" /></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M11.562 3.266a.5.5 0 0 1 .876 0L15.39 8.87a1 1 0 0 0 1.516.294L21.183 5.5a.5.5 0 0 1 .798.519l-2.834 10.246a1 1 0 0 1-.956.734H5.81a1 1 0 0 1-.957-.734L2.02 6.02a.5.5 0 0 1 .798-.519l4.276 3.664a1 1 0 0 0 1.516-.294z" /> <path fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M5 21h14" /></svg></div>
|
||||
</div>
|
||||
<div class="lbl">会员风采</div>
|
||||
<div class="id">lucide:crown</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><rect fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" x="16" y="16" width="6" height="6" rx="1" /> <rect fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" x="2" y="16" width="6" height="6" rx="1" /> <rect fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" x="9" y="2" width="6" height="6" rx="1" /> <path fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3" /> <path fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M12 12V8" /></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><rect fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" x="16" y="16" width="6" height="6" rx="1" /> <rect fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" x="2" y="16" width="6" height="6" rx="1" /> <rect fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" x="9" y="2" width="6" height="6" rx="1" /> <path fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3" /> <path fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M12 12V8" /></svg></div>
|
||||
</div>
|
||||
<div class="lbl">组织</div>
|
||||
<div class="id">lucide:network</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M16 10h2" /> <path fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M16 14h2" /> <path fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M6.17 15a3 3 0 0 1 5.66 0" /> <circle fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" cx="9" cy="11" r="2" /> <rect fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" x="2" y="5" width="20" height="14" rx="2" /></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M16 10h2" /> <path fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M16 14h2" /> <path fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M6.17 15a3 3 0 0 1 5.66 0" /> <circle fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" cx="9" cy="11" r="2" /> <rect fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" x="2" y="5" width="20" height="14" rx="2" /></svg></div>
|
||||
</div>
|
||||
<div class="lbl">我的</div>
|
||||
<div class="id">lucide:id-card</div>
|
||||
</div></div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h2>C · Tabler 圆润线条</h2>
|
||||
<div class="row">
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M4 7a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12"/><path fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M16 3v4"/><path fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8 3v4"/><path fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M4 11h16"/><path fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M11 15h1"/><path fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M12 15v3"/></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M4 7a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12"/><path fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M16 3v4"/><path fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8 3v4"/><path fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M4 11h16"/><path fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M11 15h1"/><path fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M12 15v3"/></svg></div>
|
||||
</div>
|
||||
<div class="lbl">商局</div>
|
||||
<div class="id">tabler:calendar</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M11 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"/><path fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M7 12a5 5 0 1 0 10 0a5 5 0 1 0 -10 0"/><path fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"/></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M11 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"/><path fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M7 12a5 5 0 1 0 10 0a5 5 0 1 0 -10 0"/><path fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"/></svg></div>
|
||||
</div>
|
||||
<div class="lbl">商机</div>
|
||||
<div class="id">tabler:target</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M6 9a6 6 0 1 0 12 0a6 6 0 1 0 -12 0"/><path fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M12 15l3.4 5.89l1.598 -3.233l3.598 .232l-3.4 -5.889"/><path fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M6.802 12l-3.4 5.89l3.598 -.233l1.598 3.232l3.4 -5.889"/></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M6 9a6 6 0 1 0 12 0a6 6 0 1 0 -12 0"/><path fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M12 15l3.4 5.89l1.598 -3.233l3.598 .232l-3.4 -5.889"/><path fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M6.802 12l-3.4 5.89l3.598 -.233l1.598 3.232l3.4 -5.889"/></svg></div>
|
||||
</div>
|
||||
<div class="lbl">会员风采</div>
|
||||
<div class="id">tabler:award</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M3 21l18 0"/><path fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M9 8l1 0"/><path fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M9 12l1 0"/><path fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M9 16l1 0"/><path fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M14 8l1 0"/><path fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M14 12l1 0"/><path fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M14 16l1 0"/><path fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M5 21v-16a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v16"/></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M3 21l18 0"/><path fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M9 8l1 0"/><path fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M9 12l1 0"/><path fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M9 16l1 0"/><path fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M14 8l1 0"/><path fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M14 12l1 0"/><path fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M14 16l1 0"/><path fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M5 21v-16a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v16"/></svg></div>
|
||||
</div>
|
||||
<div class="lbl">组织</div>
|
||||
<div class="id">tabler:building</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0"/><path fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2"/></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0"/><path fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2"/></svg></div>
|
||||
</div>
|
||||
<div class="lbl">我的</div>
|
||||
<div class="id">tabler:user</div>
|
||||
</div></div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h2>D · Remix 填充</h2>
|
||||
<div class="row">
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#8a8a8a" d="M17 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3H7V1H9V3H15V1H17V3ZM4 9V19H20V9H4ZM6 13H11V17H6V13Z"/></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#c73e3a" d="M17 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3H7V1H9V3H15V1H17V3ZM4 9V19H20V9H4ZM6 13H11V17H6V13Z"/></svg></div>
|
||||
</div>
|
||||
<div class="lbl">商局</div>
|
||||
<div class="id">remix:calendar-event-fill</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#8a8a8a" d="M19.9381 13C19.4869 16.6187 16.6187 19.4869 13 19.9381V17H11V19.9381C7.38128 19.4869 4.51314 16.6187 4.06189 13H7V11H4.06189C4.51314 7.38128 7.38128 4.51314 11 4.06189V7H13V4.06189C16.6187 4.51314 19.4869 7.38128 19.9381 11H17V13H19.9381ZM2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12ZM12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z"/></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#c73e3a" d="M19.9381 13C19.4869 16.6187 16.6187 19.4869 13 19.9381V17H11V19.9381C7.38128 19.4869 4.51314 16.6187 4.06189 13H7V11H4.06189C4.51314 7.38128 7.38128 4.51314 11 4.06189V7H13V4.06189C16.6187 4.51314 19.4869 7.38128 19.9381 11H17V13H19.9381ZM2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12ZM12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z"/></svg></div>
|
||||
</div>
|
||||
<div class="lbl">商机</div>
|
||||
<div class="id">remix:crosshair-fill</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#8a8a8a" d="M12 14V22H4C4 17.5817 7.58172 14 12 14ZM18 21.5L15.0611 23.0451L15.6224 19.7725L13.2447 17.4549L16.5305 16.9775L18 14L19.4695 16.9775L22.7553 17.4549L20.3776 19.7725L20.9389 23.0451L18 21.5ZM12 13C8.685 13 6 10.315 6 7C6 3.685 8.685 1 12 1C15.315 1 18 3.685 18 7C18 10.315 15.315 13 12 13Z"/></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#c73e3a" d="M12 14V22H4C4 17.5817 7.58172 14 12 14ZM18 21.5L15.0611 23.0451L15.6224 19.7725L13.2447 17.4549L16.5305 16.9775L18 14L19.4695 16.9775L22.7553 17.4549L20.3776 19.7725L20.9389 23.0451L18 21.5ZM12 13C8.685 13 6 10.315 6 7C6 3.685 8.685 1 12 1C15.315 1 18 3.685 18 7C18 10.315 15.315 13 12 13Z"/></svg></div>
|
||||
</div>
|
||||
<div class="lbl">会员风采</div>
|
||||
<div class="id">remix:user-star-fill</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#8a8a8a" d="M21 19H23V21H1V19H3V4C3 3.44772 3.44772 3 4 3H14C14.5523 3 15 3.44772 15 4V19H17V9H20C20.5523 9 21 9.44772 21 10V19ZM7 11V13H11V11H7ZM7 7V9H11V7H7Z"/></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#c73e3a" d="M21 19H23V21H1V19H3V4C3 3.44772 3.44772 3 4 3H14C14.5523 3 15 3.44772 15 4V19H17V9H20C20.5523 9 21 9.44772 21 10V19ZM7 11V13H11V11H7ZM7 7V9H11V7H7Z"/></svg></div>
|
||||
</div>
|
||||
<div class="lbl">组织</div>
|
||||
<div class="id">remix:building-fill</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#8a8a8a" d="M4 22C4 17.5817 7.58172 14 12 14C16.4183 14 20 17.5817 20 22H4ZM12 13C8.685 13 6 10.315 6 7C6 3.685 8.685 1 12 1C15.315 1 18 3.685 18 7C18 10.315 15.315 13 12 13Z"/></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#c73e3a" d="M4 22C4 17.5817 7.58172 14 12 14C16.4183 14 20 17.5817 20 22H4ZM12 13C8.685 13 6 10.315 6 7C6 3.685 8.685 1 12 1C15.315 1 18 3.685 18 7C18 10.315 15.315 13 12 13Z"/></svg></div>
|
||||
</div>
|
||||
<div class="lbl">我的</div>
|
||||
<div class="id">remix:user-fill</div>
|
||||
</div></div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h2>E · Remix 线条</h2>
|
||||
<div class="row">
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#8a8a8a" d="M9 1V3H15V1H17V3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3H7V1H9ZM20 11H4V19H20V11ZM11 13V17H6V13H11ZM7 5H4V9H20V5H17V7H15V5H9V7H7V5Z"/></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#c73e3a" d="M9 1V3H15V1H17V3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3H7V1H9ZM20 11H4V19H20V11ZM11 13V17H6V13H11ZM7 5H4V9H20V5H17V7H15V5H9V7H7V5Z"/></svg></div>
|
||||
</div>
|
||||
<div class="lbl">商局</div>
|
||||
<div class="id">remix:calendar-event-line</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#8a8a8a" d="M13 19.9381C16.6187 19.4869 19.4869 16.6187 19.9381 13H17V11H19.9381C19.4869 7.38128 16.6187 4.51314 13 4.06189V7H11V4.06189C7.38128 4.51314 4.51314 7.38128 4.06189 11H7V13H4.06189C4.51314 16.6187 7.38128 19.4869 11 19.9381V17H13V19.9381ZM12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12C14 13.1046 13.1046 14 12 14Z"/></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#c73e3a" d="M13 19.9381C16.6187 19.4869 19.4869 16.6187 19.9381 13H17V11H19.9381C19.4869 7.38128 16.6187 4.51314 13 4.06189V7H11V4.06189C7.38128 4.51314 4.51314 7.38128 4.06189 11H7V13H4.06189C4.51314 16.6187 7.38128 19.4869 11 19.9381V17H13V19.9381ZM12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12C14 13.1046 13.1046 14 12 14Z"/></svg></div>
|
||||
</div>
|
||||
<div class="lbl">商机</div>
|
||||
<div class="id">remix:crosshair-line</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#8a8a8a" d="M12 14V16C8.68629 16 6 18.6863 6 22H4C4 17.5817 7.58172 14 12 14ZM12 13C8.685 13 6 10.315 6 7C6 3.685 8.685 1 12 1C15.315 1 18 3.685 18 7C18 10.315 15.315 13 12 13ZM12 11C14.21 11 16 9.21 16 7C16 4.79 14.21 3 12 3C9.79 3 8 4.79 8 7C8 9.21 9.79 11 12 11ZM18 21.5L15.0611 23.0451L15.6224 19.7725L13.2447 17.4549L16.5305 16.9775L18 14L19.4695 16.9775L22.7553 17.4549L20.3776 19.7725L20.9389 23.0451L18 21.5Z"/></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#c73e3a" d="M12 14V16C8.68629 16 6 18.6863 6 22H4C4 17.5817 7.58172 14 12 14ZM12 13C8.685 13 6 10.315 6 7C6 3.685 8.685 1 12 1C15.315 1 18 3.685 18 7C18 10.315 15.315 13 12 13ZM12 11C14.21 11 16 9.21 16 7C16 4.79 14.21 3 12 3C9.79 3 8 4.79 8 7C8 9.21 9.79 11 12 11ZM18 21.5L15.0611 23.0451L15.6224 19.7725L13.2447 17.4549L16.5305 16.9775L18 14L19.4695 16.9775L22.7553 17.4549L20.3776 19.7725L20.9389 23.0451L18 21.5Z"/></svg></div>
|
||||
</div>
|
||||
<div class="lbl">会员风采</div>
|
||||
<div class="id">remix:user-star-line</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#8a8a8a" d="M21 19H23V21H1V19H3V4C3 3.44772 3.44772 3 4 3H14C14.5523 3 15 3.44772 15 4V19H19V11H17V9H20C20.5523 9 21 9.44772 21 10V19ZM5 5V19H13V5H5ZM7 11H11V13H7V11ZM7 7H11V9H7V7Z"/></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#c73e3a" d="M21 19H23V21H1V19H3V4C3 3.44772 3.44772 3 4 3H14C14.5523 3 15 3.44772 15 4V19H19V11H17V9H20C20.5523 9 21 9.44772 21 10V19ZM5 5V19H13V5H5ZM7 11H11V13H7V11ZM7 7H11V9H7V7Z"/></svg></div>
|
||||
</div>
|
||||
<div class="lbl">组织</div>
|
||||
<div class="id">remix:building-line</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#8a8a8a" d="M4 22C4 17.5817 7.58172 14 12 14C16.4183 14 20 17.5817 20 22H18C18 18.6863 15.3137 16 12 16C8.68629 16 6 18.6863 6 22H4ZM12 13C8.685 13 6 10.315 6 7C6 3.685 8.685 1 12 1C15.315 1 18 3.685 18 7C18 10.315 15.315 13 12 13ZM12 11C14.21 11 16 9.21 16 7C16 4.79 14.21 3 12 3C9.79 3 8 4.79 8 7C8 9.21 9.79 11 12 11Z"/></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#c73e3a" d="M4 22C4 17.5817 7.58172 14 12 14C16.4183 14 20 17.5817 20 22H18C18 18.6863 15.3137 16 12 16C8.68629 16 6 18.6863 6 22H4ZM12 13C8.685 13 6 10.315 6 7C6 3.685 8.685 1 12 1C15.315 1 18 3.685 18 7C18 10.315 15.315 13 12 13ZM12 11C14.21 11 16 9.21 16 7C16 4.79 14.21 3 12 3C9.79 3 8 4.79 8 7C8 9.21 9.79 11 12 11Z"/></svg></div>
|
||||
</div>
|
||||
<div class="lbl">我的</div>
|
||||
<div class="id">remix:user-line</div>
|
||||
</div></div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h2>F · Fluent 微软风</h2>
|
||||
<div class="row">
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0 0) scale(1)"><path fill="#8a8a8a" d="M21 8.5v9.25A3.25 3.25 0 0 1 17.75 21H6.25A3.25 3.25 0 0 1 3 17.75V8.5zM7.25 15a1.25 1.25 0 1 0 0 2.5a1.25 1.25 0 0 0 0-2.5M12 15a1.25 1.25 0 1 0 0 2.5a1.25 1.25 0 0 0 0-2.5m-4.75-4.5a1.25 1.25 0 1 0 0 2.5a1.25 1.25 0 0 0 0-2.5m4.75 0a1.25 1.25 0 1 0 0 2.5a1.25 1.25 0 0 0 0-2.5m4.75 0a1.25 1.25 0 1 0 0 2.5a1.25 1.25 0 0 0 0-2.5m1-7.5A3.25 3.25 0 0 1 21 6.25V7H3v-.75A3.25 3.25 0 0 1 6.25 3z"/></g></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0 0) scale(1)"><path fill="#c73e3a" d="M21 8.5v9.25A3.25 3.25 0 0 1 17.75 21H6.25A3.25 3.25 0 0 1 3 17.75V8.5zM7.25 15a1.25 1.25 0 1 0 0 2.5a1.25 1.25 0 0 0 0-2.5M12 15a1.25 1.25 0 1 0 0 2.5a1.25 1.25 0 0 0 0-2.5m-4.75-4.5a1.25 1.25 0 1 0 0 2.5a1.25 1.25 0 0 0 0-2.5m4.75 0a1.25 1.25 0 1 0 0 2.5a1.25 1.25 0 0 0 0-2.5m4.75 0a1.25 1.25 0 1 0 0 2.5a1.25 1.25 0 0 0 0-2.5m1-7.5A3.25 3.25 0 0 1 21 6.25V7H3v-.75A3.25 3.25 0 0 1 6.25 3z"/></g></svg></div>
|
||||
</div>
|
||||
<div class="lbl">商局</div>
|
||||
<div class="id">fluent:calendar-24-filled</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0 0) scale(1)"><path fill="#8a8a8a" d="M21.78 6.78a.75.75 0 0 0-.53-1.28H18.5V2.75a.75.75 0 0 0-1.28-.53l-2.5 2.5a.75.75 0 0 0-.22.53v2.836l-1.982 1.982A2.003 2.003 0 0 0 10 12a2 2 0 1 0 3.932-.518L15.914 9.5h2.836a.75.75 0 0 0 .53-.22zM12 2a10 10 0 0 1 3.424.601l-1.412 1.412q-.094.094-.171.2a8 8 0 1 0 5.947 5.947q.105-.078.2-.172l1.41-1.412A10 10 0 0 1 22 12c0 5.523-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2m0 4q.779.002 1.5.19v1.482l-.414.414l-.049.05A4.005 4.005 0 0 0 8 12a4 4 0 1 0 7.864-1.037l.05-.049l.414-.414h1.483A6 6 0 1 1 12 6"/></g></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0 0) scale(1)"><path fill="#c73e3a" d="M21.78 6.78a.75.75 0 0 0-.53-1.28H18.5V2.75a.75.75 0 0 0-1.28-.53l-2.5 2.5a.75.75 0 0 0-.22.53v2.836l-1.982 1.982A2.003 2.003 0 0 0 10 12a2 2 0 1 0 3.932-.518L15.914 9.5h2.836a.75.75 0 0 0 .53-.22zM12 2a10 10 0 0 1 3.424.601l-1.412 1.412q-.094.094-.171.2a8 8 0 1 0 5.947 5.947q.105-.078.2-.172l1.41-1.412A10 10 0 0 1 22 12c0 5.523-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2m0 4q.779.002 1.5.19v1.482l-.414.414l-.049.05A4.005 4.005 0 0 0 8 12a4 4 0 1 0 7.864-1.037l.05-.049l.414-.414h1.483A6 6 0 1 1 12 6"/></g></svg></div>
|
||||
</div>
|
||||
<div class="lbl">商机</div>
|
||||
<div class="id">fluent:target-arrow-24-filled</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0 0) scale(1)"><path fill="#8a8a8a" d="M10.788 3.102c.495-1.003 1.926-1.003 2.421 0l2.358 4.778l5.273.766c1.107.16 1.549 1.522.748 2.303l-3.816 3.719l.901 5.25c.19 1.104-.968 1.945-1.959 1.424l-4.716-2.48l-4.715 2.48c-.99.52-2.148-.32-1.96-1.423l.901-5.251l-3.815-3.72c-.801-.78-.359-2.141.748-2.302L8.43 7.88z"/></g></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0 0) scale(1)"><path fill="#c73e3a" d="M10.788 3.102c.495-1.003 1.926-1.003 2.421 0l2.358 4.778l5.273.766c1.107.16 1.549 1.522.748 2.303l-3.816 3.719l.901 5.25c.19 1.104-.968 1.945-1.959 1.424l-4.716-2.48l-4.715 2.48c-.99.52-2.148-.32-1.96-1.423l.901-5.251l-3.815-3.72c-.801-.78-.359-2.141.748-2.302L8.43 7.88z"/></g></svg></div>
|
||||
</div>
|
||||
<div class="lbl">会员风采</div>
|
||||
<div class="id">fluent:star-24-filled</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0 0) scale(1)"><path fill="#8a8a8a" d="M7.998 5.75A3.752 3.752 0 1 1 12.5 9.428V11.5h3.25A2.25 2.25 0 0 1 18 13.75v.825a3.754 3.754 0 0 1-.748 7.43a3.752 3.752 0 0 1-.752-7.43v-.825a.75.75 0 0 0-.75-.75h-8a.75.75 0 0 0-.75.75v.825a3.754 3.754 0 0 1-.748 7.43a3.752 3.752 0 0 1-.752-7.43v-.825a2.25 2.25 0 0 1 2.25-2.25H11V9.428A3.754 3.754 0 0 1 7.998 5.75"/></g></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0 0) scale(1)"><path fill="#c73e3a" d="M7.998 5.75A3.752 3.752 0 1 1 12.5 9.428V11.5h3.25A2.25 2.25 0 0 1 18 13.75v.825a3.754 3.754 0 0 1-.748 7.43a3.752 3.752 0 0 1-.752-7.43v-.825a.75.75 0 0 0-.75-.75h-8a.75.75 0 0 0-.75.75v.825a3.754 3.754 0 0 1-.748 7.43a3.752 3.752 0 0 1-.752-7.43v-.825a2.25 2.25 0 0 1 2.25-2.25H11V9.428A3.754 3.754 0 0 1 7.998 5.75"/></g></svg></div>
|
||||
</div>
|
||||
<div class="lbl">组织</div>
|
||||
<div class="id">fluent:organization-24-filled</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0 0) scale(1)"><path fill="#8a8a8a" d="M17.755 14a2.25 2.25 0 0 1 2.248 2.25v.918a2.75 2.75 0 0 1-.512 1.598c-1.546 2.164-4.07 3.235-7.49 3.235c-3.422 0-5.945-1.072-7.487-3.236a2.75 2.75 0 0 1-.51-1.596v-.92A2.25 2.25 0 0 1 6.253 14zM12 2.005a5 5 0 1 1 0 10a5 5 0 0 1 0-10"/></g></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0 0) scale(1)"><path fill="#c73e3a" d="M17.755 14a2.25 2.25 0 0 1 2.248 2.25v.918a2.75 2.75 0 0 1-.512 1.598c-1.546 2.164-4.07 3.235-7.49 3.235c-3.422 0-5.945-1.072-7.487-3.236a2.75 2.75 0 0 1-.51-1.596v-.92A2.25 2.25 0 0 1 6.253 14zM12 2.005a5 5 0 1 1 0 10a5 5 0 0 1 0-10"/></g></svg></div>
|
||||
</div>
|
||||
<div class="lbl">我的</div>
|
||||
<div class="id">fluent:person-24-filled</div>
|
||||
</div></div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h2>G · Material Symbols</h2>
|
||||
<div class="row">
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#8a8a8a" d="M12 14q-.425 0-.712-.288T11 13t.288-.712T12 12t.713.288T13 13t-.288.713T12 14m-4.712-.288Q7 13.426 7 13t.288-.712T8 12t.713.288T9 13t-.288.713T8 14t-.712-.288M16 14q-.425 0-.712-.288T15 13t.288-.712T16 12t.713.288T17 13t-.288.713T16 14m-4 4q-.425 0-.712-.288T11 17t.288-.712T12 16t.713.288T13 17t-.288.713T12 18m-4.712-.288Q7 17.426 7 17t.288-.712T8 16t.713.288T9 17t-.288.713T8 18t-.712-.288M16 18q-.425 0-.712-.288T15 17t.288-.712T16 16t.713.288T17 17t-.288.713T16 18M5 22q-.825 0-1.412-.587T3 20V6q0-.825.588-1.412T5 4h1V2h2v2h8V2h2v2h1q.825 0 1.413.588T21 6v14q0 .825-.587 1.413T19 22zm0-2h14V10H5z"/></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#c73e3a" d="M12 14q-.425 0-.712-.288T11 13t.288-.712T12 12t.713.288T13 13t-.288.713T12 14m-4.712-.288Q7 13.426 7 13t.288-.712T8 12t.713.288T9 13t-.288.713T8 14t-.712-.288M16 14q-.425 0-.712-.288T15 13t.288-.712T16 12t.713.288T17 13t-.288.713T16 14m-4 4q-.425 0-.712-.288T11 17t.288-.712T12 16t.713.288T13 17t-.288.713T12 18m-4.712-.288Q7 17.426 7 17t.288-.712T8 16t.713.288T9 17t-.288.713T8 18t-.712-.288M16 18q-.425 0-.712-.288T15 17t.288-.712T16 16t.713.288T17 17t-.288.713T16 18M5 22q-.825 0-1.412-.587T3 20V6q0-.825.588-1.412T5 4h1V2h2v2h8V2h2v2h1q.825 0 1.413.588T21 6v14q0 .825-.587 1.413T19 22zm0-2h14V10H5z"/></svg></div>
|
||||
</div>
|
||||
<div class="lbl">商局</div>
|
||||
<div class="id">msymbols:calendar-month</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#8a8a8a" d="M8.1 21.213q-1.825-.788-3.175-2.138T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22t-3.9-.788m9.575-3.537Q20 15.35 20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20t5.675-2.325M7.75 16.25Q6 14.5 6 12t1.75-4.25T12 6t4.25 1.75T18 12t-1.75 4.25T12 18t-4.25-1.75m7.075-1.425Q16 13.65 16 12t-1.175-2.825T12 8T9.175 9.175T8 12t1.175 2.825T12 16t2.825-1.175m-4.237-1.412Q10 12.825 10 12t.588-1.412T12 10t1.413.588T14 12t-.587 1.413T12 14t-1.412-.587"/></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#c73e3a" d="M8.1 21.213q-1.825-.788-3.175-2.138T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22t-3.9-.788m9.575-3.537Q20 15.35 20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20t5.675-2.325M7.75 16.25Q6 14.5 6 12t1.75-4.25T12 6t4.25 1.75T18 12t-1.75 4.25T12 18t-4.25-1.75m7.075-1.425Q16 13.65 16 12t-1.175-2.825T12 8T9.175 9.175T8 12t1.175 2.825T12 16t2.825-1.175m-4.237-1.412Q10 12.825 10 12t.588-1.412T12 10t1.413.588T14 12t-.587 1.413T12 14t-1.412-.587"/></svg></div>
|
||||
</div>
|
||||
<div class="lbl">商机</div>
|
||||
<div class="id">msymbols:target</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#8a8a8a" d="m5.825 21l1.625-7.025L2 9.25l7.2-.625L12 2l2.8 6.625l7.2.625l-5.45 4.725L18.175 21L12 17.275z"/></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#c73e3a" d="m5.825 21l1.625-7.025L2 9.25l7.2-.625L12 2l2.8 6.625l7.2.625l-5.45 4.725L18.175 21L12 17.275z"/></svg></div>
|
||||
</div>
|
||||
<div class="lbl">会员风采</div>
|
||||
<div class="id">msymbols:star</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#8a8a8a" d="M0 18v-1.575q0-1.075 1.1-1.75T4 14q.325 0 .625.013t.575.062q-.35.525-.525 1.1t-.175 1.2V18zm6 0v-1.625q0-.8.438-1.463t1.237-1.162T9.588 13T12 12.75q1.325 0 2.438.25t1.912.75t1.225 1.163t.425 1.462V18zm13.5 0v-1.625q0-.65-.162-1.225t-.488-1.075q.275-.05.563-.062T20 14q1.8 0 2.9.663t1.1 1.762V18zM4 13q-.825 0-1.412-.587T2 11q0-.85.588-1.425T4 9q.85 0 1.425.575T6 11q0 .825-.575 1.413T4 13m16 0q-.825 0-1.412-.587T18 11q0-.85.588-1.425T20 9q.85 0 1.425.575T22 11q0 .825-.575 1.413T20 13m-8-1q-1.25 0-2.125-.875T9 9q0-1.275.875-2.137T12 6q1.275 0 2.138.863T15 9q0 1.25-.862 2.125T12 12"/></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#c73e3a" d="M0 18v-1.575q0-1.075 1.1-1.75T4 14q.325 0 .625.013t.575.062q-.35.525-.525 1.1t-.175 1.2V18zm6 0v-1.625q0-.8.438-1.463t1.237-1.162T9.588 13T12 12.75q1.325 0 2.438.25t1.912.75t1.225 1.163t.425 1.462V18zm13.5 0v-1.625q0-.65-.162-1.225t-.488-1.075q.275-.05.563-.062T20 14q1.8 0 2.9.663t1.1 1.762V18zM4 13q-.825 0-1.412-.587T2 11q0-.85.588-1.425T4 9q.85 0 1.425.575T6 11q0 .825-.575 1.413T4 13m16 0q-.825 0-1.412-.587T18 11q0-.85.588-1.425T20 9q.85 0 1.425.575T22 11q0 .825-.575 1.413T20 13m-8-1q-1.25 0-2.125-.875T9 9q0-1.275.875-2.137T12 6q1.275 0 2.138.863T15 9q0 1.25-.862 2.125T12 12"/></svg></div>
|
||||
</div>
|
||||
<div class="lbl">组织</div>
|
||||
<div class="id">msymbols:groups</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#8a8a8a" d="M9.175 10.825Q8 9.65 8 8t1.175-2.825T12 4t2.825 1.175T16 8t-1.175 2.825T12 12t-2.825-1.175M4 20v-2.8q0-.85.438-1.562T5.6 14.55q1.55-.775 3.15-1.162T12 13t3.25.388t3.15 1.162q.725.375 1.163 1.088T20 17.2V20z"/></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#c73e3a" d="M9.175 10.825Q8 9.65 8 8t1.175-2.825T12 4t2.825 1.175T16 8t-1.175 2.825T12 12t-2.825-1.175M4 20v-2.8q0-.85.438-1.562T5.6 14.55q1.55-.775 3.15-1.162T12 13t3.25.388t3.15 1.162q.725.375 1.163 1.088T20 17.2V20z"/></svg></div>
|
||||
</div>
|
||||
<div class="lbl">我的</div>
|
||||
<div class="id">msymbols:person</div>
|
||||
</div></div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h2>H · Phosphor 填充粗线</h2>
|
||||
<div class="row">
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#8a8a8a" d="M19.5 3h-2.25v-0.75a0.75 0.75 0 0 0 -1.5 0v0.75H8.25v-0.75a0.75 0.75 0 0 0 -1.5 0v0.75H4.5a1.5 1.5 0 0 0 -1.5 1.5v15a1.5 1.5 0 0 0 1.5 1.5h15a1.5 1.5 0 0 0 1.5 -1.5V4.5a1.5 1.5 0 0 0 -1.5 -1.5m-9 14.25a0.75 0.75 0 0 1 -1.5 0v-4.7869l-0.4144 0.2081a0.75 0.75 0 0 1 -0.6712 -1.3425l1.5 -0.75A0.75 0.75 0 0 1 10.5 11.25Zm5.25 -0.75a0.75 0.75 0 0 1 0 1.5h-3a0.75 0.75 0 0 1 -0.6 -1.2l2.6981 -3.5972a0.75 0.75 0 1 0 -1.2478 -0.8278a0.75 0.75 0 1 1 -1.2984 -0.75A2.25 2.25 0 0 1 16.5 12.75a2.2275 2.2275 0 0 1 -0.4537 1.3547L14.25 16.5ZM4.5 7.5V4.5h2.25v0.75a0.75 0.75 0 0 0 1.5 0v-0.75h7.5v0.75a0.75 0.75 0 0 0 1.5 0v-0.75h2.25v3Z"/></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#c73e3a" d="M19.5 3h-2.25v-0.75a0.75 0.75 0 0 0 -1.5 0v0.75H8.25v-0.75a0.75 0.75 0 0 0 -1.5 0v0.75H4.5a1.5 1.5 0 0 0 -1.5 1.5v15a1.5 1.5 0 0 0 1.5 1.5h15a1.5 1.5 0 0 0 1.5 -1.5V4.5a1.5 1.5 0 0 0 -1.5 -1.5m-9 14.25a0.75 0.75 0 0 1 -1.5 0v-4.7869l-0.4144 0.2081a0.75 0.75 0 0 1 -0.6712 -1.3425l1.5 -0.75A0.75 0.75 0 0 1 10.5 11.25Zm5.25 -0.75a0.75 0.75 0 0 1 0 1.5h-3a0.75 0.75 0 0 1 -0.6 -1.2l2.6981 -3.5972a0.75 0.75 0 1 0 -1.2478 -0.8278a0.75 0.75 0 1 1 -1.2984 -0.75A2.25 2.25 0 0 1 16.5 12.75a2.2275 2.2275 0 0 1 -0.4537 1.3547L14.25 16.5ZM4.5 7.5V4.5h2.25v0.75a0.75 0.75 0 0 0 1.5 0v-0.75h7.5v0.75a0.75 0.75 0 0 0 1.5 0v-0.75h2.25v3Z"/></svg></div>
|
||||
</div>
|
||||
<div class="lbl">商局</div>
|
||||
<div class="id">phosphor:calendar-fill</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#8a8a8a" d="M20.8003 7.7963A9.7594 9.7594 0 1 1 18.3441 4.5938l2.1253 -2.1262a0.75 0.75 0 0 1 1.0613 1.0613L15.7125 9.3478l-3.5353 3.5353l-2.2453 2.2453a3.75 3.75 0 0 0 5.8125 -3.3441a0.75 0.75 0 1 1 1.5 -0.0844a5.25 5.25 0 0 1 -8.9531 4.0116a5.25 5.25 0 0 1 6.8559 -7.9153l2.1309 -2.1347a8.2388 8.2388 0 1 0 2.1684 2.7816a0.75 0.75 0 0 1 1.3538 -0.6469"/></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#c73e3a" d="M20.8003 7.7963A9.7594 9.7594 0 1 1 18.3441 4.5938l2.1253 -2.1262a0.75 0.75 0 0 1 1.0613 1.0613L15.7125 9.3478l-3.5353 3.5353l-2.2453 2.2453a3.75 3.75 0 0 0 5.8125 -3.3441a0.75 0.75 0 1 1 1.5 -0.0844a5.25 5.25 0 0 1 -8.9531 4.0116a5.25 5.25 0 0 1 6.8559 -7.9153l2.1309 -2.1347a8.2388 8.2388 0 1 0 2.1684 2.7816a0.75 0.75 0 0 1 1.3538 -0.6469"/></svg></div>
|
||||
</div>
|
||||
<div class="lbl">商机</div>
|
||||
<div class="id">phosphor:target-fill</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#8a8a8a" d="M21.75 6h-2.25V4.5a0.75 0.75 0 0 0 -0.75 -0.75H5.25a0.75 0.75 0 0 0 -0.75 0.75v1.5H2.25A1.5 1.5 0 0 0 0.75 7.5v1.5a3.75 3.75 0 0 0 3.75 3.75h0.3422A7.5122 7.5122 0 0 0 11.25 17.9634V20.25H9a0.75 0.75 0 0 0 0 1.5h6a0.75 0.75 0 0 0 0 -1.5h-2.25v-2.2894c2.9944 -0.3028 5.4788 -2.4037 6.3825 -5.2106H19.5a3.75 3.75 0 0 0 3.75 -3.75V7.5a1.5 1.5 0 0 0 -1.5 -1.5M4.5 11.25a2.25 2.25 0 0 1 -2.25 -2.25V7.5h2.25v3q0 0.375 0.0366 0.75Zm17.25 -2.25a2.25 2.25 0 0 1 -2.25 2.25h-0.0469a7.6875 7.6875 0 0 0 0.0469 -0.8344V7.5h2.25Z"/></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#c73e3a" d="M21.75 6h-2.25V4.5a0.75 0.75 0 0 0 -0.75 -0.75H5.25a0.75 0.75 0 0 0 -0.75 0.75v1.5H2.25A1.5 1.5 0 0 0 0.75 7.5v1.5a3.75 3.75 0 0 0 3.75 3.75h0.3422A7.5122 7.5122 0 0 0 11.25 17.9634V20.25H9a0.75 0.75 0 0 0 0 1.5h6a0.75 0.75 0 0 0 0 -1.5h-2.25v-2.2894c2.9944 -0.3028 5.4788 -2.4037 6.3825 -5.2106H19.5a3.75 3.75 0 0 0 3.75 -3.75V7.5a1.5 1.5 0 0 0 -1.5 -1.5M4.5 11.25a2.25 2.25 0 0 1 -2.25 -2.25V7.5h2.25v3q0 0.375 0.0366 0.75Zm17.25 -2.25a2.25 2.25 0 0 1 -2.25 2.25h-0.0469a7.6875 7.6875 0 0 0 0.0469 -0.8344V7.5h2.25Z"/></svg></div>
|
||||
</div>
|
||||
<div class="lbl">会员风采</div>
|
||||
<div class="id">phosphor:trophy-fill</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#8a8a8a" d="M21.75 21h-2.25V3h0.75a0.75 0.75 0 0 0 0 -1.5H3.75a0.75 0.75 0 0 0 0 1.5h0.75v18H2.25a0.75 0.75 0 0 0 0 1.5h19.5a0.75 0.75 0 0 0 0 -1.5M8.25 5.25h2.25a0.75 0.75 0 0 1 0 1.5H8.25a0.75 0.75 0 0 1 0 -1.5m0 3.75h2.25a0.75 0.75 0 0 1 0 1.5H8.25a0.75 0.75 0 0 1 0 -1.5m-0.75 4.5a0.75 0.75 0 0 1 0.75 -0.75h2.25a0.75 0.75 0 0 1 0 1.5H8.25a0.75 0.75 0 0 1 -0.75 -0.75m6.75 7.5h-4.5v-3.75h4.5Zm1.5 -6.75h-2.25a0.75 0.75 0 0 1 0 -1.5h2.25a0.75 0.75 0 0 1 0 1.5m0 -3.75h-2.25a0.75 0.75 0 0 1 0 -1.5h2.25a0.75 0.75 0 0 1 0 1.5m0 -3.75h-2.25a0.75 0.75 0 0 1 0 -1.5h2.25a0.75 0.75 0 0 1 0 1.5"/></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#c73e3a" d="M21.75 21h-2.25V3h0.75a0.75 0.75 0 0 0 0 -1.5H3.75a0.75 0.75 0 0 0 0 1.5h0.75v18H2.25a0.75 0.75 0 0 0 0 1.5h19.5a0.75 0.75 0 0 0 0 -1.5M8.25 5.25h2.25a0.75 0.75 0 0 1 0 1.5H8.25a0.75 0.75 0 0 1 0 -1.5m0 3.75h2.25a0.75 0.75 0 0 1 0 1.5H8.25a0.75 0.75 0 0 1 0 -1.5m-0.75 4.5a0.75 0.75 0 0 1 0.75 -0.75h2.25a0.75 0.75 0 0 1 0 1.5H8.25a0.75 0.75 0 0 1 -0.75 -0.75m6.75 7.5h-4.5v-3.75h4.5Zm1.5 -6.75h-2.25a0.75 0.75 0 0 1 0 -1.5h2.25a0.75 0.75 0 0 1 0 1.5m0 -3.75h-2.25a0.75 0.75 0 0 1 0 -1.5h2.25a0.75 0.75 0 0 1 0 1.5m0 -3.75h-2.25a0.75 0.75 0 0 1 0 -1.5h2.25a0.75 0.75 0 0 1 0 1.5"/></svg></div>
|
||||
</div>
|
||||
<div class="lbl">组织</div>
|
||||
<div class="id">phosphor:building-fill</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#8a8a8a" d="M21.6497 20.625a0.75 0.75 0 0 1 -0.6497 0.375H3a0.75 0.75 0 0 1 -0.6487 -1.125c1.4278 -2.4684 3.6281 -4.2384 6.1959 -5.0775a6.75 6.75 0 1 1 6.9056 0c2.5678 0.8391 4.7681 2.6091 6.1959 5.0775a0.75 0.75 0 0 1 0.0009 0.75"/></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#c73e3a" d="M21.6497 20.625a0.75 0.75 0 0 1 -0.6497 0.375H3a0.75 0.75 0 0 1 -0.6487 -1.125c1.4278 -2.4684 3.6281 -4.2384 6.1959 -5.0775a6.75 6.75 0 1 1 6.9056 0c2.5678 0.8391 4.7681 2.6091 6.1959 5.0775a0.75 0.75 0 0 1 0.0009 0.75"/></svg></div>
|
||||
</div>
|
||||
<div class="lbl">我的</div>
|
||||
<div class="id">phosphor:user-fill</div>
|
||||
</div></div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h2>I · Solar 高端粗线条</h2>
|
||||
<div class="row">
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><g fill="none" stroke="#8a8a8a" ><path fill="#8a8a8a" d="M2 12C2 8.22876 2 6.34315 3.17157 5.17157C4.34315 4 6.22876 4 10 4H14C17.7712 4 19.6569 4 20.8284 5.17157C22 6.34315 22 8.22876 22 12V14C22 17.7712 22 19.6569 20.8284 20.8284C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.8284C2 19.6569 2 17.7712 2 14V12Z"/><path fill="#8a8a8a" d="M7 4V2.5"/><path fill="#8a8a8a" d="M17 4V2.5"/><path fill="#8a8a8a" d="M2.5 9H21.5"/><path fill="#8a8a8a" d="M17 13H17.0001"/><path fill="#8a8a8a" d="M12 13H12.0001"/><path fill="#8a8a8a" d="M7 13H7.0001"/><path fill="#8a8a8a" d="M17 17.0234H17.0001"/><path fill="#8a8a8a" d="M12 17.0234H12.0001"/><path fill="#8a8a8a" d="M7 17.0234H7.0001"/></g></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><g fill="none" stroke="#c73e3a" ><path fill="#c73e3a" d="M2 12C2 8.22876 2 6.34315 3.17157 5.17157C4.34315 4 6.22876 4 10 4H14C17.7712 4 19.6569 4 20.8284 5.17157C22 6.34315 22 8.22876 22 12V14C22 17.7712 22 19.6569 20.8284 20.8284C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.8284C2 19.6569 2 17.7712 2 14V12Z"/><path fill="#c73e3a" d="M7 4V2.5"/><path fill="#c73e3a" d="M17 4V2.5"/><path fill="#c73e3a" d="M2.5 9H21.5"/><path fill="#c73e3a" d="M17 13H17.0001"/><path fill="#c73e3a" d="M12 13H12.0001"/><path fill="#c73e3a" d="M7 13H7.0001"/><path fill="#c73e3a" d="M17 17.0234H17.0001"/><path fill="#c73e3a" d="M12 17.0234H12.0001"/><path fill="#c73e3a" d="M7 17.0234H7.0001"/></g></svg></div>
|
||||
</div>
|
||||
<div class="lbl">商局</div>
|
||||
<div class="id">solar:calendar-linear</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><g fill="none" stroke="#8a8a8a" ><path fill="#8a8a8a" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"/><path fill="#8a8a8a" d="M2 12L5 12"/><path fill="#8a8a8a" d="M19 12L22 12"/><path fill="#8a8a8a" d="M12 22L12 19"/><path fill="#8a8a8a" d="M12 5L12 2"/><path fill="#8a8a8a" d="M10 12H12H14"/><path fill="#8a8a8a" d="M12 14L12 12L12 10"/></g></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><g fill="none" stroke="#c73e3a" ><path fill="#c73e3a" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"/><path fill="#c73e3a" d="M2 12L5 12"/><path fill="#c73e3a" d="M19 12L22 12"/><path fill="#c73e3a" d="M12 22L12 19"/><path fill="#c73e3a" d="M12 5L12 2"/><path fill="#c73e3a" d="M10 12H12H14"/><path fill="#c73e3a" d="M12 14L12 12L12 10"/></g></svg></div>
|
||||
</div>
|
||||
<div class="lbl">商机</div>
|
||||
<div class="id">solar:target-linear</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><g fill="none" stroke="#8a8a8a" ><path fill="#8a8a8a" d="M19.9823 10.4999L20 10.5C20.8284 10.5 21.5 9.82843 21.5 9C21.5 8.17157 20.8284 7.5 20 7.5C19.1716 7.5 18.5 8.17157 18.5 9C18.5 9.37466 18.6374 9.71724 18.8645 9.98013C19.1359 10.2944 19.5357 10.4947 19.9823 10.4999Z"/><path fill="#8a8a8a" d="M19.9823 10.5C20.033 10.8784 19.9684 11.479 19.8706 12.3885L19.6872 14.0932C19.3851 16.902 19.234 19.3064 18.2879 20.1533C17.3418 21.0001 15.9239 21.0001 13.0879 21.0001H10.9121C8.07613 21.0001 6.65817 21.0001 5.71208 20.1533C4.76598 19.3064 4.61492 16.902 4.3128 14.0932L4.12945 12.3885C4.03162 11.479 3.96702 10.8784 4.01771 10.5"/><path fill="#8a8a8a" d="M4 10.5L4.01771 10.4999C4.46434 10.4947 4.86406 10.2944 5.13553 9.98012C5.36264 9.71724 5.5 9.37466 5.5 9C5.5 8.17157 4.82843 7.5 4 7.5C3.17157 7.5 2.5 8.17157 2.5 9C2.5 9.82843 3.17157 10.5 4 10.5Z"/><path fill="#8a8a8a" d="M11.0925 6.78271C10.9345 7.03566 10.7592 7.34991 10.5498 7.72547L8.76027 10.934C8.42077 11.5427 8.25102 11.8471 7.99642 11.9592C7.85535 12.0213 7.69969 12.0431 7.54691 12.0219C7.27118 11.9838 7.02403 11.7376 6.52971 11.2452C5.88806 10.6061 5.46178 10.1814 5.13574 9.98019"/><path fill="#8a8a8a" d="M11.0923 6.78265C11.3647 6.92163 11.6732 7 12 7C12.3268 7 12.6353 6.92163 12.9077 6.78265C13.556 6.45187 14 5.77778 14 5C14 3.89543 13.1046 3 12 3C10.8954 3 10 3.89543 10 5C10 5.77778 10.444 6.45187 11.0923 6.78265Z"/><path fill="#8a8a8a" d="M12.9077 6.78271C13.0658 7.03565 13.241 7.34991 13.4505 7.72546L15.24 10.934C15.5795 11.5427 15.7492 11.8471 16.0038 11.9592C16.1449 12.0213 16.3006 12.0431 16.4533 12.0219C16.7291 11.9838 16.9762 11.7376 17.4705 11.2452C18.1122 10.6061 18.5385 10.1814 18.8645 9.98019"/><path fill="#8a8a8a" d="M5 17.5H19"/></g></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><g fill="none" stroke="#c73e3a" ><path fill="#c73e3a" d="M19.9823 10.4999L20 10.5C20.8284 10.5 21.5 9.82843 21.5 9C21.5 8.17157 20.8284 7.5 20 7.5C19.1716 7.5 18.5 8.17157 18.5 9C18.5 9.37466 18.6374 9.71724 18.8645 9.98013C19.1359 10.2944 19.5357 10.4947 19.9823 10.4999Z"/><path fill="#c73e3a" d="M19.9823 10.5C20.033 10.8784 19.9684 11.479 19.8706 12.3885L19.6872 14.0932C19.3851 16.902 19.234 19.3064 18.2879 20.1533C17.3418 21.0001 15.9239 21.0001 13.0879 21.0001H10.9121C8.07613 21.0001 6.65817 21.0001 5.71208 20.1533C4.76598 19.3064 4.61492 16.902 4.3128 14.0932L4.12945 12.3885C4.03162 11.479 3.96702 10.8784 4.01771 10.5"/><path fill="#c73e3a" d="M4 10.5L4.01771 10.4999C4.46434 10.4947 4.86406 10.2944 5.13553 9.98012C5.36264 9.71724 5.5 9.37466 5.5 9C5.5 8.17157 4.82843 7.5 4 7.5C3.17157 7.5 2.5 8.17157 2.5 9C2.5 9.82843 3.17157 10.5 4 10.5Z"/><path fill="#c73e3a" d="M11.0925 6.78271C10.9345 7.03566 10.7592 7.34991 10.5498 7.72547L8.76027 10.934C8.42077 11.5427 8.25102 11.8471 7.99642 11.9592C7.85535 12.0213 7.69969 12.0431 7.54691 12.0219C7.27118 11.9838 7.02403 11.7376 6.52971 11.2452C5.88806 10.6061 5.46178 10.1814 5.13574 9.98019"/><path fill="#c73e3a" d="M11.0923 6.78265C11.3647 6.92163 11.6732 7 12 7C12.3268 7 12.6353 6.92163 12.9077 6.78265C13.556 6.45187 14 5.77778 14 5C14 3.89543 13.1046 3 12 3C10.8954 3 10 3.89543 10 5C10 5.77778 10.444 6.45187 11.0923 6.78265Z"/><path fill="#c73e3a" d="M12.9077 6.78271C13.0658 7.03565 13.241 7.34991 13.4505 7.72546L15.24 10.934C15.5795 11.5427 15.7492 11.8471 16.0038 11.9592C16.1449 12.0213 16.3006 12.0431 16.4533 12.0219C16.7291 11.9838 16.9762 11.7376 17.4705 11.2452C18.1122 10.6061 18.5385 10.1814 18.8645 9.98019"/><path fill="#c73e3a" d="M5 17.5H19"/></g></svg></div>
|
||||
</div>
|
||||
<div class="lbl">会员风采</div>
|
||||
<div class="id">solar:crown-linear</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><g fill="none" stroke="#8a8a8a" ><path fill="#8a8a8a" d="M22 22L2 22"/><path fill="#8a8a8a" d="M17 22V6C17 4.11438 17 3.17157 16.4142 2.58579C15.8284 2 14.8856 2 13 2H11C9.11438 2 8.17157 2 7.58579 2.58579C7 3.17157 7 4.11438 7 6V22"/><path fill="#8a8a8a" d="M21 22V11.5C21 10.0955 21 9.39331 20.6629 8.88886C20.517 8.67048 20.3295 8.48298 20.1111 8.33706C19.6067 8 18.9045 8 17.5 8"/><path fill="#8a8a8a" d="M3 22V11.5C3 10.0955 3 9.39331 3.33706 8.88886C3.48298 8.67048 3.67048 8.48298 3.88886 8.33706C4.39331 8 5.09554 8 6.5 8"/><path fill="#8a8a8a" d="M12 22V19"/><path fill="#8a8a8a" d="M10 5H14"/><path fill="#8a8a8a" d="M10 8H14"/><path fill="#8a8a8a" d="M10 11H14"/><path fill="#8a8a8a" d="M10 14H14"/></g></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><g fill="none" stroke="#c73e3a" ><path fill="#c73e3a" d="M22 22L2 22"/><path fill="#c73e3a" d="M17 22V6C17 4.11438 17 3.17157 16.4142 2.58579C15.8284 2 14.8856 2 13 2H11C9.11438 2 8.17157 2 7.58579 2.58579C7 3.17157 7 4.11438 7 6V22"/><path fill="#c73e3a" d="M21 22V11.5C21 10.0955 21 9.39331 20.6629 8.88886C20.517 8.67048 20.3295 8.48298 20.1111 8.33706C19.6067 8 18.9045 8 17.5 8"/><path fill="#c73e3a" d="M3 22V11.5C3 10.0955 3 9.39331 3.33706 8.88886C3.48298 8.67048 3.67048 8.48298 3.88886 8.33706C4.39331 8 5.09554 8 6.5 8"/><path fill="#c73e3a" d="M12 22V19"/><path fill="#c73e3a" d="M10 5H14"/><path fill="#c73e3a" d="M10 8H14"/><path fill="#c73e3a" d="M10 11H14"/><path fill="#c73e3a" d="M10 14H14"/></g></svg></div>
|
||||
</div>
|
||||
<div class="lbl">组织</div>
|
||||
<div class="id">solar:buildings-2-linear</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><g fill="none" stroke="#8a8a8a" ><circle fill="#8a8a8a" cx="12" cy="6" r="4"/><path fill="#8a8a8a" d="M20 17.5C20 19.9853 20 22 12 22C4 22 4 19.9853 4 17.5C4 15.0147 7.58172 13 12 13C16.4183 13 20 15.0147 20 17.5Z"/></g></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><g fill="none" stroke="#c73e3a" ><circle fill="#c73e3a" cx="12" cy="6" r="4"/><path fill="#c73e3a" d="M20 17.5C20 19.9853 20 22 12 22C4 22 4 19.9853 4 17.5C4 15.0147 7.58172 13 12 13C16.4183 13 20 15.0147 20 17.5Z"/></g></svg></div>
|
||||
</div>
|
||||
<div class="lbl">我的</div>
|
||||
<div class="id">solar:user-linear</div>
|
||||
</div></div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h2>J · MDI 全量填充</h2>
|
||||
<div class="row">
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#8a8a8a" d="M19,19H5V8H19M16,1V3H8V1H6V3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3H18V1M17,12H12V17H17V12Z" /></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#c73e3a" d="M19,19H5V8H19M16,1V3H8V1H6V3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3H18V1M17,12H12V17H17V12Z" /></svg></div>
|
||||
</div>
|
||||
<div class="lbl">商局</div>
|
||||
<div class="id">mdi:calendar</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#8a8a8a" d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4M12,6A6,6 0 0,0 6,12A6,6 0 0,0 12,18A6,6 0 0,0 18,12A6,6 0 0,0 12,6M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10Z" /></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#c73e3a" d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4M12,6A6,6 0 0,0 6,12A6,6 0 0,0 12,18A6,6 0 0,0 18,12A6,6 0 0,0 12,6M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10Z" /></svg></div>
|
||||
</div>
|
||||
<div class="lbl">商机</div>
|
||||
<div class="id">mdi:bullseye</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#8a8a8a" d="M18 2C17.1 2 16 3 16 4H8C8 3 6.9 2 6 2H2V11C2 12 3 13 4 13H6.2C6.6 15 7.9 16.7 11 17V19.08C8 19.54 8 22 8 22H16C16 22 16 19.54 13 19.08V17C16.1 16.7 17.4 15 17.8 13H20C21 13 22 12 22 11V2H18M6 11H4V4H6V11M20 11H18V4H20V11Z" /></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#c73e3a" d="M18 2C17.1 2 16 3 16 4H8C8 3 6.9 2 6 2H2V11C2 12 3 13 4 13H6.2C6.6 15 7.9 16.7 11 17V19.08C8 19.54 8 22 8 22H16C16 22 16 19.54 13 19.08V17C16.1 16.7 17.4 15 17.8 13H20C21 13 22 12 22 11V2H18M6 11H4V4H6V11M20 11H18V4H20V11Z" /></svg></div>
|
||||
</div>
|
||||
<div class="lbl">会员风采</div>
|
||||
<div class="id">mdi:trophy</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#8a8a8a" d="M17,3A2,2 0 0,1 19,5V15A2,2 0 0,1 17,17H13V19H14A1,1 0 0,1 15,20H22V22H15A1,1 0 0,1 14,23H10A1,1 0 0,1 9,22H2V20H9A1,1 0 0,1 10,19H11V17H7C5.89,17 5,16.1 5,15V5A2,2 0 0,1 7,3H17Z" /></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#c73e3a" d="M17,3A2,2 0 0,1 19,5V15A2,2 0 0,1 17,17H13V19H14A1,1 0 0,1 15,20H22V22H15A1,1 0 0,1 14,23H10A1,1 0 0,1 9,22H2V20H9A1,1 0 0,1 10,19H11V17H7C5.89,17 5,16.1 5,15V5A2,2 0 0,1 7,3H17Z" /></svg></div>
|
||||
</div>
|
||||
<div class="lbl">组织</div>
|
||||
<div class="id">mdi:network</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#8a8a8a" d="M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z" /></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#c73e3a" d="M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z" /></svg></div>
|
||||
</div>
|
||||
<div class="lbl">我的</div>
|
||||
<div class="id">mdi:account</div>
|
||||
</div></div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h2>K · Bootstrap 填充</h2>
|
||||
<div class="row">
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#8a8a8a" d="M16.5 9.75a0.75 0.75 0 0 1 0.75 -0.75h1.5a0.75 0.75 0 0 1 0.75 0.75v1.5a0.75 0.75 0 0 1 -0.75 0.75h-1.5a0.75 0.75 0 0 1 -0.75 -0.75z"/><path fill="#8a8a8a" d="M5.25 0a0.75 0.75 0 0 1 0.75 0.75V1.5h12V0.75a0.75 0.75 0 0 1 1.5 0V1.5h1.5a3 3 0 0 1 3 3v16.5a3 3 0 0 1 -3 3H3a3 3 0 0 1 -3 -3V4.5a3 3 0 0 1 3 -3h1.5V0.75a0.75 0.75 0 0 1 0.75 -0.75M1.5 6v15a1.5 1.5 0 0 0 1.5 1.5h18a1.5 1.5 0 0 0 1.5 -1.5V6z"/></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#c73e3a" d="M16.5 9.75a0.75 0.75 0 0 1 0.75 -0.75h1.5a0.75 0.75 0 0 1 0.75 0.75v1.5a0.75 0.75 0 0 1 -0.75 0.75h-1.5a0.75 0.75 0 0 1 -0.75 -0.75z"/><path fill="#c73e3a" d="M5.25 0a0.75 0.75 0 0 1 0.75 0.75V1.5h12V0.75a0.75 0.75 0 0 1 1.5 0V1.5h1.5a3 3 0 0 1 3 3v16.5a3 3 0 0 1 -3 3H3a3 3 0 0 1 -3 -3V4.5a3 3 0 0 1 3 -3h1.5V0.75a0.75 0.75 0 0 1 0.75 -0.75M1.5 6v15a1.5 1.5 0 0 0 1.5 1.5h18a1.5 1.5 0 0 0 1.5 -1.5V6z"/></svg></div>
|
||||
</div>
|
||||
<div class="lbl">商局</div>
|
||||
<div class="id">bootstrap:calendar-event</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#8a8a8a" d="M12 22.5A10.5 10.5 0 1 1 12 1.5a10.5 10.5 0 0 1 0 21m0 1.5A12 12 0 1 0 12 0a12 12 0 0 0 0 24"/><path fill="#8a8a8a" d="M12 19.5A7.5 7.5 0 1 1 12 4.5a7.5 7.5 0 0 1 0 15m0 1.5A9 9 0 1 0 12 3a9 9 0 0 0 0 18"/><path fill="#8a8a8a" d="M12 16.5a4.5 4.5 0 1 1 0 -9 4.5 4.5 0 0 1 0 9m0 1.5a6 6 0 1 0 0 -12 6 6 0 0 0 0 12"/><path fill="#8a8a8a" d="M14.25 12a2.25 2.25 0 1 1 -4.5 0 2.25 2.25 0 0 1 4.5 0"/></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#c73e3a" d="M12 22.5A10.5 10.5 0 1 1 12 1.5a10.5 10.5 0 0 1 0 21m0 1.5A12 12 0 1 0 12 0a12 12 0 0 0 0 24"/><path fill="#c73e3a" d="M12 19.5A7.5 7.5 0 1 1 12 4.5a7.5 7.5 0 0 1 0 15m0 1.5A9 9 0 1 0 12 3a9 9 0 0 0 0 18"/><path fill="#c73e3a" d="M12 16.5a4.5 4.5 0 1 1 0 -9 4.5 4.5 0 0 1 0 9m0 1.5a6 6 0 1 0 0 -12 6 6 0 0 0 0 12"/><path fill="#c73e3a" d="M14.25 12a2.25 2.25 0 1 1 -4.5 0 2.25 2.25 0 0 1 4.5 0"/></svg></div>
|
||||
</div>
|
||||
<div class="lbl">商机</div>
|
||||
<div class="id">bootstrap:bullseye</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#8a8a8a" d="M14.5035 1.296 12 0 9.4965 1.296l-2.787 0.423 -1.263 2.52 -2.0055 1.98L3.9 9l-0.459 2.781 2.0055 1.98 1.263 2.52 2.787 0.423L12 18l2.5035 -1.296 2.787 -0.423 1.263 -2.52 2.0055 -1.98L20.1 9l0.459 -2.781 -2.0055 -1.98 -1.263 -2.52zm1.794 1.7895 1.026 2.0475 1.629 1.608L18.5805 9l0.372 2.259 -1.629 1.608 -1.026 2.0475 -2.265 0.3435L12 16.311l-2.0325 -1.053 -2.265 -0.3435 -1.026 -2.0475 -1.629 -1.608L5.421 9l-0.375 -2.259 1.6305 -1.608 1.026 -2.0475 2.265 -0.3435L12 1.689l2.034 1.053z"/><path fill="#8a8a8a" d="M6 17.691V24l6 -1.5 6 1.5v-6.309l-3.027 0.459L12 19.689 9.027 18.15z"/></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#c73e3a" d="M14.5035 1.296 12 0 9.4965 1.296l-2.787 0.423 -1.263 2.52 -2.0055 1.98L3.9 9l-0.459 2.781 2.0055 1.98 1.263 2.52 2.787 0.423L12 18l2.5035 -1.296 2.787 -0.423 1.263 -2.52 2.0055 -1.98L20.1 9l0.459 -2.781 -2.0055 -1.98 -1.263 -2.52zm1.794 1.7895 1.026 2.0475 1.629 1.608L18.5805 9l0.372 2.259 -1.629 1.608 -1.026 2.0475 -2.265 0.3435L12 16.311l-2.0325 -1.053 -2.265 -0.3435 -1.026 -2.0475 -1.629 -1.608L5.421 9l-0.375 -2.259 1.6305 -1.608 1.026 -2.0475 2.265 -0.3435L12 1.689l2.034 1.053z"/><path fill="#c73e3a" d="M6 17.691V24l6 -1.5 6 1.5v-6.309l-3.027 0.459L12 19.689 9.027 18.15z"/></svg></div>
|
||||
</div>
|
||||
<div class="lbl">会员风采</div>
|
||||
<div class="id">bootstrap:award</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#8a8a8a" d="M6 3.75a0.75 0.75 0 0 1 0.75 -0.75h1.5a0.75 0.75 0 0 1 0.75 0.75v1.5a0.75 0.75 0 0 1 -0.75 0.75h-1.5a0.75 0.75 0 0 1 -0.75 -0.75zm4.5 0a0.75 0.75 0 0 1 0.75 -0.75h1.5a0.75 0.75 0 0 1 0.75 0.75v1.5a0.75 0.75 0 0 1 -0.75 0.75h-1.5a0.75 0.75 0 0 1 -0.75 -0.75zm5.25 -0.75a0.75 0.75 0 0 0 -0.75 0.75v1.5a0.75 0.75 0 0 0 0.75 0.75h1.5a0.75 0.75 0 0 0 0.75 -0.75v-1.5a0.75 0.75 0 0 0 -0.75 -0.75zM6 8.25a0.75 0.75 0 0 1 0.75 -0.75h1.5a0.75 0.75 0 0 1 0.75 0.75v1.5a0.75 0.75 0 0 1 -0.75 0.75h-1.5a0.75 0.75 0 0 1 -0.75 -0.75zM11.25 7.5a0.75 0.75 0 0 0 -0.75 0.75v1.5a0.75 0.75 0 0 0 0.75 0.75h1.5a0.75 0.75 0 0 0 0.75 -0.75v-1.5a0.75 0.75 0 0 0 -0.75 -0.75zm3.75 0.75a0.75 0.75 0 0 1 0.75 -0.75h1.5a0.75 0.75 0 0 1 0.75 0.75v1.5a0.75 0.75 0 0 1 -0.75 0.75h-1.5a0.75 0.75 0 0 1 -0.75 -0.75zM6.75 12a0.75 0.75 0 0 0 -0.75 0.75v1.5a0.75 0.75 0 0 0 0.75 0.75h1.5a0.75 0.75 0 0 0 0.75 -0.75v-1.5a0.75 0.75 0 0 0 -0.75 -0.75zm3.75 0.75a0.75 0.75 0 0 1 0.75 -0.75h1.5a0.75 0.75 0 0 1 0.75 0.75v1.5a0.75 0.75 0 0 1 -0.75 0.75h-1.5a0.75 0.75 0 0 1 -0.75 -0.75zm5.25 -0.75a0.75 0.75 0 0 0 -0.75 0.75v1.5a0.75 0.75 0 0 0 0.75 0.75h1.5a0.75 0.75 0 0 0 0.75 -0.75v-1.5a0.75 0.75 0 0 0 -0.75 -0.75z"/><path fill="#8a8a8a" d="M3 1.5a1.5 1.5 0 0 1 1.5 -1.5h15a1.5 1.5 0 0 1 1.5 1.5v21a1.5 1.5 0 0 1 -1.5 1.5H4.5a1.5 1.5 0 0 1 -1.5 -1.5zm16.5 0H4.5v21h4.5v-3.75a0.75 0.75 0 0 1 0.75 -0.75h4.5a0.75 0.75 0 0 1 0.75 0.75V22.5h4.5z"/></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#c73e3a" d="M6 3.75a0.75 0.75 0 0 1 0.75 -0.75h1.5a0.75 0.75 0 0 1 0.75 0.75v1.5a0.75 0.75 0 0 1 -0.75 0.75h-1.5a0.75 0.75 0 0 1 -0.75 -0.75zm4.5 0a0.75 0.75 0 0 1 0.75 -0.75h1.5a0.75 0.75 0 0 1 0.75 0.75v1.5a0.75 0.75 0 0 1 -0.75 0.75h-1.5a0.75 0.75 0 0 1 -0.75 -0.75zm5.25 -0.75a0.75 0.75 0 0 0 -0.75 0.75v1.5a0.75 0.75 0 0 0 0.75 0.75h1.5a0.75 0.75 0 0 0 0.75 -0.75v-1.5a0.75 0.75 0 0 0 -0.75 -0.75zM6 8.25a0.75 0.75 0 0 1 0.75 -0.75h1.5a0.75 0.75 0 0 1 0.75 0.75v1.5a0.75 0.75 0 0 1 -0.75 0.75h-1.5a0.75 0.75 0 0 1 -0.75 -0.75zM11.25 7.5a0.75 0.75 0 0 0 -0.75 0.75v1.5a0.75 0.75 0 0 0 0.75 0.75h1.5a0.75 0.75 0 0 0 0.75 -0.75v-1.5a0.75 0.75 0 0 0 -0.75 -0.75zm3.75 0.75a0.75 0.75 0 0 1 0.75 -0.75h1.5a0.75 0.75 0 0 1 0.75 0.75v1.5a0.75 0.75 0 0 1 -0.75 0.75h-1.5a0.75 0.75 0 0 1 -0.75 -0.75zM6.75 12a0.75 0.75 0 0 0 -0.75 0.75v1.5a0.75 0.75 0 0 0 0.75 0.75h1.5a0.75 0.75 0 0 0 0.75 -0.75v-1.5a0.75 0.75 0 0 0 -0.75 -0.75zm3.75 0.75a0.75 0.75 0 0 1 0.75 -0.75h1.5a0.75 0.75 0 0 1 0.75 0.75v1.5a0.75 0.75 0 0 1 -0.75 0.75h-1.5a0.75 0.75 0 0 1 -0.75 -0.75zm5.25 -0.75a0.75 0.75 0 0 0 -0.75 0.75v1.5a0.75 0.75 0 0 0 0.75 0.75h1.5a0.75 0.75 0 0 0 0.75 -0.75v-1.5a0.75 0.75 0 0 0 -0.75 -0.75z"/><path fill="#c73e3a" d="M3 1.5a1.5 1.5 0 0 1 1.5 -1.5h15a1.5 1.5 0 0 1 1.5 1.5v21a1.5 1.5 0 0 1 -1.5 1.5H4.5a1.5 1.5 0 0 1 -1.5 -1.5zm16.5 0H4.5v21h4.5v-3.75a0.75 0.75 0 0 1 0.75 -0.75h4.5a0.75 0.75 0 0 1 0.75 0.75V22.5h4.5z"/></svg></div>
|
||||
</div>
|
||||
<div class="lbl">组织</div>
|
||||
<div class="id">bootstrap:building</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#8a8a8a" d="M12 12a4.5 4.5 0 1 0 0 -9 4.5 4.5 0 0 0 0 9m3 -4.5a3 3 0 1 1 -6 0 3 3 0 0 1 6 0m6 12c0 1.5 -1.5 1.5 -1.5 1.5H4.5s-1.5 0 -1.5 -1.5 1.5 -6 9 -6 9 4.5 9 6m-1.5 -0.006c-0.0015 -0.369 -0.231 -1.479 -1.248 -2.496C17.274 16.02 15.4335 15 12 15s-5.274 1.02 -6.252 1.998c-1.017 1.017 -1.245 2.127 -1.248 2.496z"/></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#c73e3a" d="M12 12a4.5 4.5 0 1 0 0 -9 4.5 4.5 0 0 0 0 9m3 -4.5a3 3 0 1 1 -6 0 3 3 0 0 1 6 0m6 12c0 1.5 -1.5 1.5 -1.5 1.5H4.5s-1.5 0 -1.5 -1.5 1.5 -6 9 -6 9 4.5 9 6m-1.5 -0.006c-0.0015 -0.369 -0.231 -1.479 -1.248 -2.496C17.274 16.02 15.4335 15 12 15s-5.274 1.02 -6.252 1.998c-1.017 1.017 -1.245 2.127 -1.248 2.496z"/></svg></div>
|
||||
</div>
|
||||
<div class="lbl">我的</div>
|
||||
<div class="id">bootstrap:person</div>
|
||||
</div></div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h2>L · Ionicons 线条</h2>
|
||||
<div class="row">
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><rect fill="none" stroke="#8a8a8a" x="2.25" y="3.75" width="19.5" height="18" rx="2.25"/><circle fill="#8a8a8a" cx="13.875" cy="10.875" r="1.125"/><circle fill="#8a8a8a" cx="17.625" cy="10.875" r="1.125"/><circle fill="#8a8a8a" cx="13.875" cy="14.625" r="1.125"/><circle fill="#8a8a8a" cx="17.625" cy="14.625" r="1.125"/><circle fill="#8a8a8a" cx="6.375" cy="14.625" r="1.125"/><circle fill="#8a8a8a" cx="10.125" cy="14.625" r="1.125"/><circle fill="#8a8a8a" cx="6.375" cy="18.375" r="1.125"/><circle fill="#8a8a8a" cx="10.125" cy="18.375" r="1.125"/><circle fill="#8a8a8a" cx="13.875" cy="18.375" r="1.125"/><path fill="none" stroke="#8a8a8a" d="M6 2.25v1.5M18 2.25v1.5"/><path fill="none" stroke="#8a8a8a" d="M21.75 7.5H2.25"/></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><rect fill="none" stroke="#c73e3a" x="2.25" y="3.75" width="19.5" height="18" rx="2.25"/><circle fill="#c73e3a" cx="13.875" cy="10.875" r="1.125"/><circle fill="#c73e3a" cx="17.625" cy="10.875" r="1.125"/><circle fill="#c73e3a" cx="13.875" cy="14.625" r="1.125"/><circle fill="#c73e3a" cx="17.625" cy="14.625" r="1.125"/><circle fill="#c73e3a" cx="6.375" cy="14.625" r="1.125"/><circle fill="#c73e3a" cx="10.125" cy="14.625" r="1.125"/><circle fill="#c73e3a" cx="6.375" cy="18.375" r="1.125"/><circle fill="#c73e3a" cx="10.125" cy="18.375" r="1.125"/><circle fill="#c73e3a" cx="13.875" cy="18.375" r="1.125"/><path fill="none" stroke="#c73e3a" d="M6 2.25v1.5M18 2.25v1.5"/><path fill="none" stroke="#c73e3a" d="M21.75 7.5H2.25"/></svg></div>
|
||||
</div>
|
||||
<div class="lbl">商局</div>
|
||||
<div class="id">ionicons:calendar-outline</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path d="M21 3L3 11.2566h9.375a8 8 0 018 8V21z" fill="none" stroke="#8a8a8a" /></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path d="M21 3L3 11.2566h9.375a8 8 0 018 8V21z" fill="none" stroke="#c73e3a" /></svg></div>
|
||||
</div>
|
||||
<div class="lbl">商机</div>
|
||||
<div class="id">ionicons:navigate-outline</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="#8a8a8a" d="M8.25 21.75h7.5M12 21.75V15.75M18 10.5c0 -2.3738 -0.0037 -6.3108 -0.0056 -7.5a16 16 0 00 -16 -16l-10.4902 0.0122a16 16 0 00 -16 15.95c0 1.4334 -0.0061 6.0548 -0.0061 7.4902 0 3.0131 3.8906 5.25 6 5.25S18 13.5131 18 10.5z"/><path d="M6 4.5H2.25v0.75c0 2.5884 1.5727 5.25 3.75 5.25M18 4.5h3.75v0.75c0 2.5884 -1.5727 5.25 -3.75 5.25" fill="none" stroke="#8a8a8a" /></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="#c73e3a" d="M8.25 21.75h7.5M12 21.75V15.75M18 10.5c0 -2.3738 -0.0037 -6.3108 -0.0056 -7.5a16 16 0 00 -16 -16l-10.4902 0.0122a16 16 0 00 -16 15.95c0 1.4334 -0.0061 6.0548 -0.0061 7.4902 0 3.0131 3.8906 5.25 6 5.25S18 13.5131 18 10.5z"/><path d="M6 4.5H2.25v0.75c0 2.5884 1.5727 5.25 3.75 5.25M18 4.5h3.75v0.75c0 2.5884 -1.5727 5.25 -3.75 5.25" fill="none" stroke="#c73e3a" /></svg></div>
|
||||
</div>
|
||||
<div class="lbl">会员风采</div>
|
||||
<div class="id">ionicons:trophy-outline</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><rect x="2.25" y="2.25" width="8.25" height="8.25" rx="0.9375" ry="0.9375" fill="none" stroke="#8a8a8a" /><rect x="13.5" y="2.25" width="8.25" height="8.25" rx="0.9375" ry="0.9375" fill="none" stroke="#8a8a8a" /><rect x="2.25" y="13.5" width="8.25" height="8.25" rx="0.9375" ry="0.9375" fill="none" stroke="#8a8a8a" /><rect x="13.5" y="13.5" width="8.25" height="8.25" rx="0.9375" ry="0.9375" fill="none" stroke="#8a8a8a" /></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><rect x="2.25" y="2.25" width="8.25" height="8.25" rx="0.9375" ry="0.9375" fill="none" stroke="#c73e3a" /><rect x="13.5" y="2.25" width="8.25" height="8.25" rx="0.9375" ry="0.9375" fill="none" stroke="#c73e3a" /><rect x="2.25" y="13.5" width="8.25" height="8.25" rx="0.9375" ry="0.9375" fill="none" stroke="#c73e3a" /><rect x="13.5" y="13.5" width="8.25" height="8.25" rx="0.9375" ry="0.9375" fill="none" stroke="#c73e3a" /></svg></div>
|
||||
</div>
|
||||
<div class="lbl">组织</div>
|
||||
<div class="id">ionicons:grid-outline</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path d="M16.125 6.75c-0.1837 2.4783 -2.0625 4.5 -4.125 4.5s-3.9445 -2.0212 -4.125 -4.5c-0.1875 -2.5781 1.6406 -4.5 4.125 -4.5s4.3125 1.9688 4.125 4.5z" fill="none" stroke="#8a8a8a" /><path d="M12 14.25c-4.0781 0 -8.2172 2.25 -8.9831 6.4969C2.9245 21.2588 3.2142 21.75 3.75 21.75h16.5c0.5363 0 0.8259 -0.4912 0.7336 -1.0031C20.2172 16.5 16.0781 14.25 12 14.25z" fill="none" stroke="#8a8a8a" /></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path d="M16.125 6.75c-0.1837 2.4783 -2.0625 4.5 -4.125 4.5s-3.9445 -2.0212 -4.125 -4.5c-0.1875 -2.5781 1.6406 -4.5 4.125 -4.5s4.3125 1.9688 4.125 4.5z" fill="none" stroke="#c73e3a" /><path d="M12 14.25c-4.0781 0 -8.2172 2.25 -8.9831 6.4969C2.9245 21.2588 3.2142 21.75 3.75 21.75h16.5c0.5363 0 0.8259 -0.4912 0.7336 -1.0031C20.2172 16.5 16.0781 14.25 12 14.25z" fill="none" stroke="#c73e3a" /></svg></div>
|
||||
</div>
|
||||
<div class="lbl">我的</div>
|
||||
<div class="id">ionicons:person-outline</div>
|
||||
</div></div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h2>M · Feather 极简</h2>
|
||||
<div class="row">
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><rect fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" x1="16" y1="2" x2="16" y2="6"></line><line stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" x1="8" y1="2" x2="8" y2="6"></line><line stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" x1="3" y1="10" x2="21" y2="10"></line></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><rect fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" x1="16" y1="2" x2="16" y2="6"></line><line stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" x1="8" y1="2" x2="8" y2="6"></line><line stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" x1="3" y1="10" x2="21" y2="10"></line></svg></div>
|
||||
</div>
|
||||
<div class="lbl">商局</div>
|
||||
<div class="id">feather:calendar</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><circle fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" cx="12" cy="12" r="10"></circle><circle fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" cx="12" cy="12" r="6"></circle><circle fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" cx="12" cy="12" r="2"></circle></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><circle fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" cx="12" cy="12" r="10"></circle><circle fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" cx="12" cy="12" r="6"></circle><circle fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" cx="12" cy="12" r="2"></circle></svg></div>
|
||||
</div>
|
||||
<div class="lbl">商机</div>
|
||||
<div class="id">feather:target</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><circle fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" cx="12" cy="8" r="7"></circle><polyline fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" points="8.21 13.89 7 23 12 20 17 23 15.79 13.88"></polyline></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><circle fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" cx="12" cy="8" r="7"></circle><polyline fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" points="8.21 13.89 7 23 12 20 17 23 15.79 13.88"></polyline></svg></div>
|
||||
</div>
|
||||
<div class="lbl">会员风采</div>
|
||||
<div class="id">feather:award</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" cx="9" cy="7" r="4"></circle><path fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" cx="9" cy="7" r="4"></circle><path fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg></div>
|
||||
</div>
|
||||
<div class="lbl">组织</div>
|
||||
<div class="id">feather:users</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle fill="none" stroke="#8a8a8a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" cx="12" cy="7" r="4"></circle></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle fill="none" stroke="#c73e3a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" cx="12" cy="7" r="4"></circle></svg></div>
|
||||
</div>
|
||||
<div class="lbl">我的</div>
|
||||
<div class="id">feather:user</div>
|
||||
</div></div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h2>N · Carbon IBM 风</h2>
|
||||
<div class="row">
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#8a8a8a" d="M19.5 3h-3V1.5h-1.5v1.5h-6V1.5h-1.5v1.5H4.5c-0.825 0 -1.5 0.675 -1.5 1.5v15c0 0.825 0.675 1.5 1.5 1.5h15c0.825 0 1.5 -0.675 1.5 -1.5V4.5c0 -0.825 -0.675 -1.5 -1.5 -1.5m0 16.5H4.5V9h15zm0 -12H4.5V4.5h3v1.5h1.5V4.5h6v1.5h1.5V4.5h3z"/></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#c73e3a" d="M19.5 3h-3V1.5h-1.5v1.5h-6V1.5h-1.5v1.5H4.5c-0.825 0 -1.5 0.675 -1.5 1.5v15c0 0.825 0.675 1.5 1.5 1.5h15c0.825 0 1.5 -0.675 1.5 -1.5V4.5c0 -0.825 -0.675 -1.5 -1.5 -1.5m0 16.5H4.5V9h15zm0 -12H4.5V4.5h3v1.5h1.5V4.5h6v1.5h1.5V4.5h3z"/></svg></div>
|
||||
</div>
|
||||
<div class="lbl">商局</div>
|
||||
<div class="id">carbon:calendar</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#8a8a8a" d="M12.75 22.5h-1.5v-1.5307C6.885 20.6078 3.393 17.115 3.0315 12.75H1.5v-1.5h1.5307C3.393 6.885 6.885 3.393 11.25 3.0315V1.5h1.5v1.5307C17.115 3.393 20.6078 6.885 20.9693 11.25H22.5v1.5h-1.5307C20.6078 17.115 17.115 20.6078 12.75 20.9693zm-1.5 -6h1.5v2.9625c3.5378 -0.3525 6.36 -3.1747 6.7125 -6.7125H16.5v-1.5h2.9625c-0.3525 -3.5377 -3.1747 -6.36 -6.7125 -6.7125V7.5h-1.5V4.5375c-3.5377 0.3525 -6.36 3.1747 -6.7125 6.7125H7.5v1.5H4.5375c0.3525 3.5378 3.1747 6.36 6.7125 6.7125zm2.871 -1.3185L12 13.0605l-2.1217 2.121l-1.0605 -1.0605L10.9388 12l-2.121 -2.1217l1.0605 -1.0605L12 10.9388l2.121 -2.121l1.0605 1.0605L13.0605 12l2.121 2.121z"/></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#c73e3a" d="M12.75 22.5h-1.5v-1.5307C6.885 20.6078 3.393 17.115 3.0315 12.75H1.5v-1.5h1.5307C3.393 6.885 6.885 3.393 11.25 3.0315V1.5h1.5v1.5307C17.115 3.393 20.6078 6.885 20.9693 11.25H22.5v1.5h-1.5307C20.6078 17.115 17.115 20.6078 12.75 20.9693zm-1.5 -6h1.5v2.9625c3.5378 -0.3525 6.36 -3.1747 6.7125 -6.7125H16.5v-1.5h2.9625c-0.3525 -3.5377 -3.1747 -6.36 -6.7125 -6.7125V7.5h-1.5V4.5375c-3.5377 0.3525 -6.36 3.1747 -6.7125 6.7125H7.5v1.5H4.5375c0.3525 3.5378 3.1747 6.36 6.7125 6.7125zm2.871 -1.3185L12 13.0605l-2.1217 2.121l-1.0605 -1.0605L10.9388 12l-2.121 -2.1217l1.0605 -1.0605L12 10.9388l2.121 -2.121l1.0605 1.0605L13.0605 12l2.121 2.121z"/></svg></div>
|
||||
</div>
|
||||
<div class="lbl">商机</div>
|
||||
<div class="id">carbon:target</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#8a8a8a" d="m12 1.5l-3.4125 6.915l-7.6275 1.1025l5.52 5.385L5.175 22.5l6.825 -3.585L18.825 22.5l-1.305 -7.5975l5.52 -5.3775l-7.6275 -1.11Z"/></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#c73e3a" d="m12 1.5l-3.4125 6.915l-7.6275 1.1025l5.52 5.385L5.175 22.5l6.825 -3.585L18.825 22.5l-1.305 -7.5975l5.52 -5.3775l-7.6275 -1.11Z"/></svg></div>
|
||||
</div>
|
||||
<div class="lbl">会员风采</div>
|
||||
<div class="id">carbon:star-filled</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#8a8a8a" d="M21 1.5H12a1.5 1.5 0 0 0 -1.5 1.5v7.5H3a1.5 1.5 0 0 0 -1.5 1.5v10.5h21V3a1.5 1.5 0 0 0 -1.5 -1.5M6.75 21v-5.25h3v5.25Zm14.25 0H11.25v-6a0.75 0.75 0 0 0 -0.75 -0.75H6a0.75 0.75 0 0 0 -0.75 0.75v6H3V12h9V3h9Z"/><path fill="#8a8a8a" d="M13.5 6h1.5v1.5h-1.5zm4.5 0h1.5v1.5h-1.5zm-4.5 4.5h1.5v1.5h-1.5zm4.5 0h1.5v1.5h-1.5zm-4.5 4.5h1.5v1.5h-1.5zm4.5 0h1.5v1.5h-1.5z"/></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#c73e3a" d="M21 1.5H12a1.5 1.5 0 0 0 -1.5 1.5v7.5H3a1.5 1.5 0 0 0 -1.5 1.5v10.5h21V3a1.5 1.5 0 0 0 -1.5 -1.5M6.75 21v-5.25h3v5.25Zm14.25 0H11.25v-6a0.75 0.75 0 0 0 -0.75 -0.75H6a0.75 0.75 0 0 0 -0.75 0.75v6H3V12h9V3h9Z"/><path fill="#c73e3a" d="M13.5 6h1.5v1.5h-1.5zm4.5 0h1.5v1.5h-1.5zm-4.5 4.5h1.5v1.5h-1.5zm4.5 0h1.5v1.5h-1.5zm-4.5 4.5h1.5v1.5h-1.5zm4.5 0h1.5v1.5h-1.5z"/></svg></div>
|
||||
</div>
|
||||
<div class="lbl">组织</div>
|
||||
<div class="id">carbon:building</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#8a8a8a" d="M12 3a3.75 3.75 0 1 1 -3.75 3.75a3.75 3.75 0 0 1 3.75 -3.75m0 -1.5a5.25 5.25 0 1 0 5.25 5.25a5.25 5.25 0 0 0 -5.25 -5.25m7.5 21h-1.5v-3.75a3.75 3.75 0 0 0 -3.75 -3.75h-4.5a3.75 3.75 0 0 0 -3.75 3.75v3.75H4.5v-3.75a5.25 5.25 0 0 1 5.25 -5.25h4.5a5.25 5.25 0 0 1 5.25 5.25Z"/></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#c73e3a" d="M12 3a3.75 3.75 0 1 1 -3.75 3.75a3.75 3.75 0 0 1 3.75 -3.75m0 -1.5a5.25 5.25 0 1 0 5.25 5.25a5.25 5.25 0 0 0 -5.25 -5.25m7.5 21h-1.5v-3.75a3.75 3.75 0 0 0 -3.75 -3.75h-4.5a3.75 3.75 0 0 0 -3.75 3.75v3.75H4.5v-3.75a5.25 5.25 0 0 1 5.25 -5.25h4.5a5.25 5.25 0 0 1 5.25 5.25Z"/></svg></div>
|
||||
</div>
|
||||
<div class="lbl">我的</div>
|
||||
<div class="id">carbon:user</div>
|
||||
</div></div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h2>O · Remix 商务填充</h2>
|
||||
<div class="row">
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#8a8a8a" d="M8 4C8 5.10457 7.10457 6 6 6 4.89543 6 4 5.10457 4 4 4 2.89543 4.89543 2 6 2 7.10457 2 8 2.89543 8 4ZM5 16V22H3V10C3 8.34315 4.34315 7 6 7 6.82059 7 7.56423 7.32946 8.10585 7.86333L10.4803 10.1057 12.7931 7.79289 14.2073 9.20711 10.5201 12.8943 9 11.4587V22H7V16H5ZM10 5H19V14H10V16H14.3654L17.1889 22H19.3993L16.5758 16H20C20.5523 16 21 15.5523 21 15V4C21 3.44772 20.5523 3 20 3H10V5Z"/></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#c73e3a" d="M8 4C8 5.10457 7.10457 6 6 6 4.89543 6 4 5.10457 4 4 4 2.89543 4.89543 2 6 2 7.10457 2 8 2.89543 8 4ZM5 16V22H3V10C3 8.34315 4.34315 7 6 7 6.82059 7 7.56423 7.32946 8.10585 7.86333L10.4803 10.1057 12.7931 7.79289 14.2073 9.20711 10.5201 12.8943 9 11.4587V22H7V16H5ZM10 5H19V14H10V16H14.3654L17.1889 22H19.3993L16.5758 16H20C20.5523 16 21 15.5523 21 15V4C21 3.44772 20.5523 3 20 3H10V5Z"/></svg></div>
|
||||
</div>
|
||||
<div class="lbl">商局</div>
|
||||
<div class="id">remix:presentation-fill</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#8a8a8a" d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM16.5 7.5L10 10L7.5 16.5L14 14L16.5 7.5ZM12 13C11.4477 13 11 12.5523 11 12C11 11.4477 11.4477 11 12 11C12.5523 11 13 11.4477 13 12C13 12.5523 12.5523 13 12 13Z"/></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#c73e3a" d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM16.5 7.5L10 10L7.5 16.5L14 14L16.5 7.5ZM12 13C11.4477 13 11 12.5523 11 12C11 11.4477 11.4477 11 12 11C12.5523 11 13 11.4477 13 12C13 12.5523 12.5523 13 12 13Z"/></svg></div>
|
||||
</div>
|
||||
<div class="lbl">商机</div>
|
||||
<div class="id">remix:compass-3-fill</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#8a8a8a" d="M2.00488 19H22.0049V21H2.00488V19ZM2.00488 5L7.00488 8L12.0049 2L17.0049 8L22.0049 5V17H2.00488V5Z"/></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#c73e3a" d="M2.00488 19H22.0049V21H2.00488V19ZM2.00488 5L7.00488 8L12.0049 2L17.0049 8L22.0049 5V17H2.00488V5Z"/></svg></div>
|
||||
</div>
|
||||
<div class="lbl">会员风采</div>
|
||||
<div class="id">remix:vip-crown-fill</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#8a8a8a" d="M15 3C15.5523 3 16 3.44772 16 4V8C16 8.55228 15.5523 9 15 9H13V11H17C17.5523 11 18 11.4477 18 12V15H20C20.5523 15 21 15.4477 21 16V20C21 20.5523 20.5523 21 20 21H14C13.4477 21 13 20.5523 13 20V16C13 15.4477 13.4477 15 14 15H16V13H8V15H10C10.5523 15 11 15.4477 11 16V20C11 20.5523 10.5523 21 10 21H4C3.44772 21 3 20.5523 3 20V16C3 15.4477 3.44772 15 4 15H6V12C6 11.4477 6.44772 11 7 11H11V9H9C8.44772 9 8 8.55228 8 8V4C8 3.44772 8.44772 3 9 3H15ZM9 17H5V19H9V17ZM19 17H15V19H19V17ZM14 5H10V7H14V5Z"/></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#c73e3a" d="M15 3C15.5523 3 16 3.44772 16 4V8C16 8.55228 15.5523 9 15 9H13V11H17C17.5523 11 18 11.4477 18 12V15H20C20.5523 15 21 15.4477 21 16V20C21 20.5523 20.5523 21 20 21H14C13.4477 21 13 20.5523 13 20V16C13 15.4477 13.4477 15 14 15H16V13H8V15H10C10.5523 15 11 15.4477 11 16V20C11 20.5523 10.5523 21 10 21H4C3.44772 21 3 20.5523 3 20V16C3 15.4477 3.44772 15 4 15H6V12C6 11.4477 6.44772 11 7 11H11V9H9C8.44772 9 8 8.55228 8 8V4C8 3.44772 8.44772 3 9 3H15ZM9 17H5V19H9V17ZM19 17H15V19H19V17ZM14 5H10V7H14V5Z"/></svg></div>
|
||||
</div>
|
||||
<div class="lbl">组织</div>
|
||||
<div class="id">remix:organization-chart</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="iconrow">
|
||||
<div class="ico" title="未选中 #8a8a8a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#8a8a8a" d="M20 22H4V20C4 17.2386 6.23858 15 9 15H15C17.7614 15 20 17.2386 20 20V22ZM12 13C8.68629 13 6 10.3137 6 7C6 3.68629 8.68629 1 12 1C15.3137 1 18 3.68629 18 7C18 10.3137 15.3137 13 12 13Z"/></svg></div>
|
||||
<div class="ico active" title="选中 #c73e3a"><svg viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path fill="#c73e3a" d="M20 22H4V20C4 17.2386 6.23858 15 9 15H15C17.7614 15 20 17.2386 20 20V22ZM12 13C8.68629 13 6 10.3137 6 7C6 3.68629 8.68629 1 12 1C15.3137 1 18 3.68629 18 7C18 10.3137 15.3137 13 12 13Z"/></svg></div>
|
||||
</div>
|
||||
<div class="lbl">我的</div>
|
||||
<div class="id">remix:user-3-fill</div>
|
||||
</div></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user