feat: demo.html添加107种预设图标全展示区块
This commit is contained in:
+22
-1
@@ -264,6 +264,12 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<!-- 16. 107种预设图标 -->
|
||||||
|
<div class="card" style="grid-column:1/-1;">
|
||||||
|
<div class="label">🎨 107种预设图标 — 点击任意图标发送Toast</div>
|
||||||
|
<div class="btn-row" id="icon-grid" style="max-height:300px;overflow-y:auto;padding:4px 0;"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<footer>
|
<footer>
|
||||||
@@ -383,9 +389,24 @@
|
|||||||
}
|
}
|
||||||
function demoFormat() {
|
function demoFormat() {
|
||||||
try{
|
try{
|
||||||
MeToast.info('数字格式化: '+MeToast.i18n.formatNumber(1234567)+' | 货币: '+MeToast.i18n.formatCurrency(99.5,'CNY')+' | 日期: '+MeToast.i18n.formatDate(new Date()),{duration:8000});
|
MeToast.info('数字: '+MeToast.i18n.formatNumber(1234567)+' | 货币: '+MeToast.i18n.formatCurrency(99.5,'CNY')+' | 日期: '+MeToast.i18n.formatDate(new Date()),{duration:8000});
|
||||||
}catch(e){MeToast.info('格式化: 1234567 → 1,234,567');}
|
}catch(e){MeToast.info('格式化: 1234567 → 1,234,567');}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// === 图标网格 ===
|
||||||
|
(function renderIcons() {
|
||||||
|
var grid = document.getElementById('icon-grid');
|
||||||
|
if (!grid) return;
|
||||||
|
var icons = ['success','error','warning','info','loading','close','check','x','alert','question','star','heart','bell','mail','settings','user','home','search','plus','minus','edit','trash','download','upload','share','link','external','clock','calendar','map','compass','globe','wifi','cloud','sun','moon','zap','activity','cpu','database','server','terminal','code','git','package','layers','grid','list','filter','sort','refresh','sync','power','battery','bluetooth','volume','mic','camera','image','video','music','file','folder','clipboard','save','print','eye','eyeOff','lock','unlock','shield','key','flag','bookmark','tag','gift','award','target','crosshair','move','maximize','minimize','copy','cut','paste','rotateCw','rotateCcw','zoomIn','zoomOut','crop','sliders','toggleLeft','toggleRight','checkCircle','xCircle','alertCircle','infoCircle','helpCircle','alertTriangle','checkSquare','square','circle','triangle','hexagon','octagon','pentagon','diamond'];
|
||||||
|
icons.forEach(function(ic) {
|
||||||
|
var btn = document.createElement('button');
|
||||||
|
btn.className = 'btn btn-outline btn-tiny';
|
||||||
|
btn.textContent = ic;
|
||||||
|
btn.title = 'type=' + ic;
|
||||||
|
btn.onclick = function() { MeToast.success(ic, { type: ic, duration: 2000, showProgress: false }); };
|
||||||
|
grid.appendChild(btn);
|
||||||
|
});
|
||||||
|
})();
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
Reference in New Issue
Block a user