部件
部件提供了一种巧妙的方式来吸引用户。非常适合网站、博客和论坛
选择您的部件
直接在您的网站上获得很棒的功能和实时报价。为用户提供对市场的即时洞察信息，无需复杂的集成。自定义部件，选择向观众显示的内容。
成为联盟会员，使用小工具赚钱！
注册我们的分销联盟程序并在我们的小部件中嵌入联盟链接。这是一种简单方便的创收方式。让您的用户为您赚钱。
常见问题
1. 这个小部件不能适应不同的屏幕大小。我该怎么办？
使用“自动调整大小”设置。启用“自动调整大小”时，小部件将使用封闭元素中可用宽度和/或高度的100%。设置母元素的特定高度对于小部件正常工作非常重要。
2. 我可以在使用Angular 2和更高版本的框架的网站上使用小部件吗？
可以。以下是一些帮助提示：
window.sfx('marketOverview', {
- 将小部件脚本复制并粘贴到页面的某个位置：
<script type="text/javascript" src="https://widgets.simplefx.com/sfx-widget.js"></script> - 创建具有set ID属性的容器元素
- 当容器元素已渲染且您希望小部件被显示时，调用函数（例如，在ngAfterViewInit Angular 钩子中）window.sfx(). 除了其他设置外，参数列表中还应该有containerId选项。它应该具有先前创建的 container ID属性的值。
window.sfx('marketOverview', {
containerId: 'sfx-market-overview',
language: 'auto',
width: '290px',
height: '450px',
theme: 'dark',
customElements: ["header","chartGridLines"],
symbols: ["BTCUSD","BTCEUR","NINTENDO.JP","AAPL.US","VOLV.SE","GOOG.US","LHA.DE","XAUEUR","BAY.DE","TOYOTA.JP","AUDCAD","LTCJPY","USDSEK"],
categoriesOrder: ["Crypto","Equities JP","Equities US","Equities SE","Equities DE","Precious Metals","Forex"],
})language: 'auto',
width: '290px',
height: '450px',
theme: 'dark',
customElements: ["header","chartGridLines"],
symbols: ["BTCUSD","BTCEUR","NINTENDO.JP","AAPL.US","VOLV.SE","GOOG.US","LHA.DE","XAUEUR","BAY.DE","TOYOTA.JP","AUDCAD","LTCJPY","USDSEK"],
categoriesOrder: ["Crypto","Equities JP","Equities US","Equities SE","Equities DE","Precious Metals","Forex"],
3. 我可以在React网站上使用部件吗？
可以。以下是一些帮助提示：
{{widgetScriptCode}
- 将小部件脚本复制并粘贴到页面的某个位置：
<script type="text/javascript" src="https://widgets.simplefx.com/sfx-widget.js"></script> - 创建具有set ID属性的容器元素
- 当容器元素已渲染且您希望显示小部件时，调用函数（例如，在componentDidMount生命周期方法中）window.sfx（）除了其他设置外，参数列表中还应该有containerId选项。它应该具有先前创建的容器ID属性的值。
{{widgetScriptCode}
4. 为什么嵌入代码不起作用？
这个问题可能是由于尝试动态插入原始代码，结果迫使浏览器阻止嵌入式脚本的执行而引起的。例如，当通过内部HTML进行注入时，可能会发生这种情况。尝试使用某些库（例如jQuery）动态注入代码也可能会中断小部件的正确初始化。如果您将代码嵌入到由第三方基础设施驱动的站点上，请确保遵循他们的指示或向平台开发人员寻求帮助。