npm 包 ember-rrssb 使用教程

阅读时长 3 分钟读完

简介

ember-rrssb 是一个基于 RRSSB 的插件,提供了一个简单易用的社交分享按钮组件。使用 ember-rrssb 可以在你的网站上快速地添加分享按钮,让用户方便地分享你的内容到社交媒体平台上。

安装

首先需要在你的项目目录下使用 npm 安装:

之后在你的 ember-cli-build.js 中添加 ember-rrssb 的 CSS 和 JS:

使用

ember-rrssb 提供了一个 rrssb-share 组件,你可以把它放在你想要出现分享按钮的地方。

-- -------------------- ---- -------
----- ----------------------- ----
------ ----- ----- --------

---------- -- -- -------- ---- -- -- ----- ------------

---------
  ----- ---- ------- ------- ----
----------

---------------

现在,你的页面下方应该会出现一排分享按钮。

自定义

ember-rrssb 提供了许多可以自定义的选项来满足你的特定需求。下面是一些可以自定义的属性:

  • showCounts: Boolean,默认 false。是否显示分享次数。
  • title: String,默认是页面的 <title> 标签内容。分享的标题。
  • url: String,默认是当前页面 URL。分享的链接。
  • description: String,默认是页面的 meta[name='description'] 标签内容。分享的描述。

你可以通过在组件调用时加参数来进行自定义:

示例代码

这里 提供了一个完整的示例代码,你可以参考使用。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60055f1b81e8991b448dcaf3

纠错
反馈