如何在 svelte 中添加此 buymecoffee 脚本标签。
type="text/javascript"
src="https://cdnjs.buymeacoffee.com/1.0.0/button.prod.min.js"
data-name="bmc-button"
data-slug="slug_name"
data-color="#FFDD00"
data-emoji="☕"
data-font="Lato"
data-text="Buy me a coffee"
data-outline-color="#000000"
data-font-color="#000000"
data-coffee-color="#ffffff"
></script>;
我的页面中已经有另一个脚本标签，如下所示：
<script lang='ts'>
import { onMount } from 'svelte';
let sectionsVisible = [false, false, false, false];
function handleScroll() {
const sections = document.querySelectorAll('section');
sections.forEach((section, index) => {
const rect = section.getBoundingClientRect();
if (rect.top < window.innerHeight * 0.75) {
sectionsVisible[index] = true;
}
});
}
onMount(() => {
handleScroll();
window.addEventListener('scroll', handleScroll);
});
</script>
如何将这两个脚本标签合并在一个页面中。有没有机会将 buymecoffee 按钮放在我想要的地方？
可以通过将常规脚本标签嵌套在元素内来插入它们（只能有一个顶级
<script><script>
<!-- [component code] -->
</script>
<div>
<script ...>
</div>
您还可以使用特殊的
<head> 元素将脚本移动到
<svelte:head>。
<svelte:head>
<script ...>
</svelte:head>