1. 介绍
Deck.js-Share 是一个基于 Deck.js 的 npm 包，旨在为 Deck.js 幻灯片添加共享功能。 使用该 npm 包可以轻松地将 Deck.js 幻灯片分享到许多媒体平台上，例如 Twitter，Facebook 和 LinkedIn。
2. 安装
使用以下命令来安装 deckjs-share：
npm install deckjs-share
3. 使用
使用以下命令来导入 deckjs-share：
import 'deckjs-share';
您可以在幻灯片上使用以下 HTML 片段和相应的类名来实现共享功能：
<div class="deckjs-share"> <a class="deckjs-share-twitter">Twitter</a> <a class="deckjs-share-facebook">Facebook</a> <a class="deckjs-share-linkedin">LinkedIn</a> </div>
您可以在 Deck.js 的初始化选项中启用共享功能，如下所示：
$(function() {
$.deck('.slide', {
share: true
});
});现在，您可以在幻灯片中看到共享图标。 点击这些图标将使用户可以轻松地共享幻灯片。
4. 示例代码
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
-------------- ----- ---------------
----- ---------------- ------------------------------------------------------------
----- ---------------- -------------------------------------------------------------------------
-------
------
---- -----------------------
-------- --------------
----------- -- ------- ----------
------- -- -- ------- ----- ----- --- ------- ----- --------------
---- ---------------------
-- ----------------------------------------
-- ------------------------------------------
-- ------------------------------------------
------
----------
-------- --------------
----------- ----------
------- -- ------- ----- ------------- ------- ----------
---- ---------------------
-- ----------------------------------------
-- ------------------------------------------
-- ------------------------------------------
------
----------
------
------- ---------------------------------------------------------------
------- -------------------------------------------------------------------
------- --------------------------------------------------------------------------------
--------
------------ -
---------------- -
------ ----
---
---
---------
-------
-------5. 结论
使用 npm 包 deckjs-share，您可以为您的 Deck.js 幻灯片添加共享功能。 只需几个简单的步骤即可为幻灯片添加多个共享选项，例如 Twitter，Facebook 和 LinkedIn。 这使得共享幻灯片变得非常容易，并有助于提高幻灯片的可见性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600551ef81e8991b448cf6cd