我正在创建一个电子商务商店,很想在我的结帐页面上添加一些特别的东西。
我当时正在考虑五彩纸屑,闪光或类似物体的爆炸。但是,我希望它看起来优雅而有品味。我不介意这样的事情.....
从“ react-dom-confetti”导入五彩纸屑;
const config = { 角度:51, 传播:360, startVelocity:68, elementCount:200, 衰减:0.87 }; 返回
我只是不知道如何将其放入WIX网站的HTML格式。
我在https://daniel-lundin.github.io/react-dom-confetti/上找到了它-但我知道它缺少一些主要功能才能使它工作。...而且我不希望您必须按下按钮来使其工作,我更喜欢它是自动的。
请帮助我哈哈
Kirsten:)
答案 0 :(得分:0)
这是一个有趣的挑战。所以我做到了!。
您需要做的是使用Wix代码将实际执行五彩纸屑效果的javascript嵌入HTMLComponent中。这里要解释有点复杂。
但是,我在我的示例网站上创建了一个示例页面,该页面使用Danial Lundin的代码显示了效果的工作情况:
https://stcroppe.wixsite.com/steveonsoftware/example-code/wix-confetti-page
它还向您显示了它在Wix页面上用于发送和接收消息到的代码。 运行该代码的HTML组件,它还向您显示我在HTML组件中用于与Wix页面进行通信以及执行五彩纸屑功能的HTML代码。
问候 史蒂夫