无法使用 predix px-button-group-design 组件

Question

我正在按照文档使用 px-button-group 设计组件 https://www.predix-ui.com/#/css/visual/buttons/px-button-group-design 我在我的应用程序中安装了我正在使用 predix webapp starter（1.0.46 发行版）作为参考应用程序的组件。

在我的项目级别，我们有 index-inline.scss 和 seed-theme.scss 并且我们在 elements 文件夹中有 scss 文件，就像在 seed-app 文件夹中我们有 seed -app.scss 在种子页脚下我们有种子-footer.scss .

为了我们的项目要求，我们在相同的元素文件夹中创建了一些更多的自定义聚合物元素。我们在 views 文件夹下有 rmd-view.html，在 rmd-view 中，我们使用我们创建的这些自定义聚合物元素，如 rotor-view 等等，我们也使用相同的 seed-app.html 用于导航页面 .

在转子视图中，我们想为我安装的组件使用 px-button-group 设计组件，并在对象层的 index-inline.scss 中使用以下代码（根据 https://github.com/predixdesignsystem/px-getting-started#import-order）

$inuit-btn-group-background : #09819c;
$inuit-btn-disabled-border : true;
@import "px-button-group-design/_objects.button-group.scss";

并在 rotor-view.html

中包含如下 px-butto-group 代码

<div class="btn-group">
  <input id="id1" name="btn-group" type="radio">
  <label for="id1" class="btn">Label 1</label>
  <input id="id2" name="btn-group" type="radio">
  <label for="id2" class="btn">Label 2</label>
</div>

但它没有用，然后我尝试在 seed-app.scss 中使用导入，然后我也没有用，然后尝试在里面创建名为 rotor-view.scss 的新 scss 文件转子视图文件夹（位于元素文件夹内）这也不适用于上述所有情况我得到 html radion button no button-group css is applying on above changes.

为了测试，我尝试在我的种子中使用 px-button-group-design html 代码-app.html 然后我得到了正确的按钮，但我想在转子视图中使用就像我没有在正确的地方使用 scss import 一样。

如果我想在 rotor-view 中使用 px-button-group-design，谁能建议我。我应该在哪个 scss 文件中导入按钮组 scss ??

Answer 1

如果您想在 seed-app.html 组件中使用 px-button-group，请将其添加到 .scss 文件中，该文件会为 seed-app.html 组件生成样式。如果你想在子组件的 px-button-group 中使用 px-button-group，那么将它添加到 .scss 文件中，该文件会为该组件生成样式。不要忘记使用

导入样式

<link rel="import" href="../my-styles.html">

并且还包括 DOM 和

中的样式

<style include="my-styles"></style>

希望对您有所帮助。

无法使用 predix px-button-group-design 组件

Not able to use predix px-button-group-design component

sass

polymer-1.0

predix