0

「ディスカッション」ボタンの左側に「共有」ボタンを追加するにはどうすればよいですか。ボタンを現在の「ディスカッション」ボタンと同じスタイル/色にしたかったのです。

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 に配置しますか? もしそうなら、どのように？ツイッターのボタンだけ欲しい

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);
  }
});
4

1 に答える 1

1

したがって、テンプレートがあります：

<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 ) の場合、上記がうまくいくはずです。エラーが発生した場合は、お気軽に質問に追加してください。サポートさせていただきます。

于 2015-05-14T22:51:57.113 に答える