问题描述
大家好,我想弄清楚如何在这个脚本中添加一个带有脉冲功能的字体真棒图标我是一个新手,所以我真的不知道我在做什么。 我想在说 call 或 zoom 的文本之前编辑
window.onload = function() { Calendly.initBadgeWidget({ url: 'https://calendly.com/ezrelomd?background_color=fdf8f2&primary_color=56c4c5',text: 'Call or ZOOM',color: '#56c4c5',textColor: '#ffffff',品牌:false }); }任何想法都会很棒
解决方法
您应该能够简单地将 Font Awesome HTML 片段添加到文本模糊中。
如果需要,请确保转义引号。当然,请检查您是否已链接 Font Awesome 的 css 文件。
例如,这个片段对我有用(我选择了一个带有 fa-pulse 动画的电话图标):
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w==" crossorigin="anonymous" />
<!-- Calendly -->
<link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet">
<script type="text/javascript" src="https://assets.calendly.com/assets/external/widget.js" async></script>
<!-- Initialize floating badge with FA icon with some animation -->
<script type="text/javascript">window.onload=function() { Calendly.initBadgeWidget({ url: 'https://calendly.com/ezrelomd?background_color=fdf8f2&primary_color=56c4c5',text: '<i class="fas fa-phone fa-pulse"></i> Call or ZOOM',color: '#56c4c5',textColor: '#ffffff',branding: false }); }</script>