Question

是否可以通过微调器更改easySearch搜索包的按钮负载？给你风格？根据文档可以给出的风格，我试图让它工作，但到目前为止我还没有成功。

{{> EasySearch.LoadMore index=myIndex content="Load more content"}}

参数

内容：按钮属性的内容：带按钮的对象   属性（例如{class：＆＃34; load-more-button＆＃34;}）   count：要加载的文档数

Answer 1

很遗憾，您无法更改按钮＆＃39;到一个旋转器＆＃39;因为EasySearch.LoadMore组件实际上呈现了一个HTML按钮元素（参见下面的EasySearch source）。

<template name="EasySearch.LoadMore">
    {{#if moreDocuments}}
        <button {{attributes}}>{{content}}</button>
    {{/if}}
</template>

即使您无法更改为微调器，您至少可以设置“按钮”的样式。使用attributes参数（您在问题中提到）。为此，只需传递包含class属性的对象。由于您无法在空格键中定义对象文字，因此您必须创建一个模板助手才能执行此操作（如下面的示例所示）。

Template.mySearch.helpers({
  loadMoreAttributes: function() {
    return {
      class: "load-more-button"
    }
  },
});

然后在模板中使用你的助手。

{{> EasySearch.LoadMore index=myIndex content="Load more content" attributes=loadMoreAttributes}}

这将使您的负载更多＆＃34;按下load-more-button的css类。然后你可以像下面的例子一样在css中设置样式。显然，你将使用你想要的样式......这纯粹是为了举例。

.load-more-button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}

EasySearch流星

1 个答案: