简介
ember-rrssb
是一个基于 RRSSB 的插件,提供了一个简单易用的社交分享按钮组件。使用 ember-rrssb
可以在你的网站上快速地添加分享按钮,让用户方便地分享你的内容到社交媒体平台上。
安装
首先需要在你的项目目录下使用 npm 安装:
npm install ember-rrssb --save-dev
之后在你的 ember-cli-build.js
中添加 ember-rrssb
的 CSS 和 JS:
// ember-cli-build.js app.import('node_modules/ember-rrssb/dist/css/rrssb.css'); app.import('node_modules/ember-rrssb/dist/js/rrssb.js');
使用
ember-rrssb
提供了一个 rrssb-share
组件,你可以把它放在你想要出现分享按钮的地方。
-- -------------------- ---- ------- ----- ----------------------- ---- ------ ----- ----- -------- ---------- -- -- -------- ---- -- -- ----- ------------ --------- ----- ---- ------- ------- ---- ---------- ---------------
现在,你的页面下方应该会出现一排分享按钮。
自定义
ember-rrssb
提供了许多可以自定义的选项来满足你的特定需求。下面是一些可以自定义的属性:
showCounts
: Boolean,默认false
。是否显示分享次数。title
: String,默认是页面的<title>
标签内容。分享的标题。url
: String,默认是当前页面 URL。分享的链接。description
: String,默认是页面的meta[name='description']
标签内容。分享的描述。
你可以通过在组件调用时加参数来进行自定义:
{{rrssb-share title="My custom title" url="https://example.com" description="My custom description" showCounts=true }}
示例代码
这里 提供了一个完整的示例代码,你可以参考使用。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60055f1b81e8991b448dcaf3