gpt4 book ai didi

javascript - 发现 meteor 显微镜分享按钮

转载 作者:行者123 更新时间:2023-12-03 10:08:37 27 4
gpt4 key购买 nike

如何在“讨论”按钮左侧添加“共享”按钮。我希望该按钮与当前的“讨论”按钮具有相同的样式/颜色。

我从https://atmospherejs.com/joshowens/shareit添加了包

我将 {{>shareit}} 添加到 post_item.html 中。

<template name="postItem">
<div class="post">
<a href="#" class="upvote btn btn-default {{upvotedClass}}">$</a>
<div class="post-content">
<h3>{{title}}</h3>
<p>
{{pluralize votes "Vote"}},
by {{author}},
<a href="{{pathFor 'postPage'}}">{{pluralize commentsCount "comment"}}</a>
{{#if ownPost}}<a href="{{pathFor 'postEdit'}}">Edit</a>{{/if}}
</p>
</div>
<a href="{{pathFor 'postPage'}}" class="discuss btn btn-default">Reply</a>
</div>
</template>

这应该是配置它。我是否将其放在 post.item.html 中?如果是这样,怎么办?我只想要 Twitter 按钮。

ShareIt.configure({
useFB: true, // boolean (default: true)
// Whether to show the Facebook button
useTwitter: true, // boolean (default: true)
// Whether to show the Twitter button
useGoogle: true, // boolean (default: true)
// Whether to show the Google+ button
classes: "large btn", // string (default: 'large btn')
// The classes that will be placed on the sharing buttons, bootstrap by default.
iconOnly: false, // boolean (default: false)
// Don't put text on the sharing buttons
applyColors: true // boolean (default: true)
// apply classes to inherit each social networks background color
});

这是否放入 post_item.js 中以启用任何图像卡?我不知道如何正确地输入它。

Template.article.helpers({
shareData: function() {
return {
title: this.data,
author: Meteor.users.findOne(this.authorId)
}
});

这是 post_item.js 文件。

Template.postItem.helpers({
ownPost: function() {
return this.userId == Meteor.userId();
},
upvotedClass: function() {
var userId = Meteor.userId();
if (userId && !_.include(this.upvoters, userId)) {
return 'btn-primary upvotable';
} else {
return 'disabled';
}
}
});
Template.postItem.events({
'click .upvotable': function(e) {
e.preventDefault();
Meteor.call('upvote', this._id);
}
});

最佳答案

所以你有一个模板:

<template name="postItem">
...
{{>shareIt shareData}}
</template>

这意味着您还有一个模板对象可以在某处匹配它:

Template.postItem

这可能包含在如下内容中:

if (Meteor.isClient) {
Template.postItem.helpers({
// your helper can hang out here:
shareData: function() {
return {
title: this.data,
author: Meteor.users.findOne(this.authorId)
};
};
});
// You can also put your ShareIt.configure here:
ShareIt.configure({
useFB: false,
useTwitter: true,
useGoogle: false,
classes: "large btn",
iconOnly: true,
applyColors: true
});
};

上面也只会显示 Twitter 图标。

现在将其放入哪些文件取决于您的应用程序结构。如果您有一个 post_item.js 并且它正在发送到客户端(例如,它位于项目的客户端文件夹中,或者它不在项目的其他特殊用途文件夹中,如下所述:http://docs.meteor.com/#/full/structuringyourapp )那么上面的内容应该适合你。如果您遇到错误,请随时将其添加到问题中,以便我们提供帮助!

关于javascript - 发现 meteor 显微镜分享按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30243667/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com