飞镖、聚合物和基础CSS 我尝试了混合聚合物WEB组件W/DART和基础CSS框架,到目前为止,简单的东西就像按钮、网格、菜单一样工作。我想如果我遇到问题,我只需要移植我需要的javascript。有人试过或者想试一下吗

飞镖、聚合物和基础CSS 我尝试了混合聚合物WEB组件W/DART和基础CSS框架,到目前为止,简单的东西就像按钮、网格、菜单一样工作。我想如果我遇到问题,我只需要移植我需要的javascript。有人试过或者想试一下吗,dart,zurb-foundation,dart-polymer,Dart,Zurb Foundation,Dart Polymer,这是一个让CSS泄漏到组件中的技巧 class ClickCounter ... { ... bool get applyAuthorStyles => true; ... 是的,我也试过这个。 我尝试的第一件事是为每个组件创建一个样式文件,并使用sass@extends来创建每个组件样式,我的目标是抽象zurb,因此如果我想更改主题或css框架,我只需要更改sass文件 但是,ZURB基金会需要一个必须包含的基本文件,我不能仅仅为按钮创建一个文件,因为基础中的DE按钮依赖于主文件中

这是一个让CSS泄漏到组件中的技巧

class ClickCounter ... {
...
  bool get applyAuthorStyles => true;
...
是的,我也试过这个。 我尝试的第一件事是为每个组件创建一个样式文件,并使用sass@extends来创建每个组件样式,我的目标是抽象zurb,因此如果我想更改主题或css框架,我只需要更改sass文件

但是,ZURB基金会需要一个必须包含的基本文件,我不能仅仅为按钮创建一个文件,因为基础中的DE按钮依赖于主文件中设置的变量,这会生成一个具有冗余CSS的每个组件的大文件。 我尝试的第二件事是扭曲基本组件,比如按钮,比方说a

<x-button></x-button>

然后在我的sass文件中包括zurb按钮文件,并使x-button@extends.button或@include.button具有相同的外观。这项工作的基本要素

另一种方法是应用AuthorStyles并让css泄漏

我不确定什么是最好的方法,因为每种方法都有其缺陷

为什么要包装基本组件?具有通用的行为和API。例如:在表单中启用和禁用组件。我在polymer中的所有基本组件(x-button、x-input等)都是从我的框架类扩展而来的,在这个框架类中,我有共同的行为启用和禁用,因此我可以使用相同的API编程启用和禁用组件

这在Progress中是一个缓慢的工作,更多的是为了好玩,我停止了这方面的工作,因为我需要花更多的时间创建应用程序,而不是创建框架。不幸的是,对于Dart,没有像ExtJs和Dojo这样的Javascript中那样好的组件框架

但其想法是制作一个组件集(具有常见行为)并使用sass框架来实现视觉效果,可能以一种可以插入的方式抽象css框架并更改应用程序的外观,这并不容易,因为有些组件具有特定的html标记