💫 Emoji 图标
最简单的方式：直接使用emoji表情作为图标，支持1-4个字符
{ id: "card", name: "Credit Card", icon: "💳", // 直接使用emoji balance: "2,580.00",
currency: "USD" }
🖼️ 图片 URL
使用在线图片或本地图片作为图标，自动识别URL格式
{ id: "paypal", name: "PayPal", icon: "https://logo.clearbit.com/paypal.com", balance:
"156.78", currency: "USD" }
支持的URL格式：
- 完整URL：
https://example.com/icon.png
- 相对路径：
./images/icon.png
- 绝对路径：
/assets/icon.png
- 包含扩展名：
icon.svg
🔤 字母缩写
使用简短的字母作为图标，适合品牌缩写或代码
{ id: "visa", name: "Visa Card", icon: "V", // 字母缩写 balance: "1,234.56", currency:
"USD" }
🔄 默认图标
不设置icon属性时，自动使用支付方式名称的首字母作为图标
{ id: "bank", name: "Bank Transfer", // 不设置icon属性，自动显示"B" balance:
"10,000.00", currency: "USD" }
🎯 完整示例
展示如何在一个支付选择器中混合使用各种图标类型
const options = [ { id: "card", name: "Credit Card", icon: "💳", balance: "2,580.00" },
{ id: "paypal", name: "PayPal", icon: "https://logo.clearbit.com/paypal.com" }, { id:
"alipay", name: "Alipay", icon: "支" }, { id: "bank", name: "Bank Transfer" }, //
默认图标 ];
⚙️ 在低代码平台中配置
现在icon属性使用StringSetter，配置更加简单直观
配置说明：
- emoji：直接输入表情符号，如 💳 🏦 📱
- 图片：输入完整的图片URL
- 字母：输入1-4个字符的缩写
- 空值：留空使用默认的首字母图标
✅ 优化前后对比：
之前：使用SlotSetter，需要配置React组件，复杂难用
现在：使用StringSetter，直接输入文本，简单直观