patternlab.io

4熱度

3回答

作爲一個尋找更好的方式與開發人員合作的交互設計師，我試圖將Pattern Lab引入到我現在的客戶端。但是，前端框架的主要開發人員推回。他主要論點：我們的工具包有複雜的組件，除了HTML/CSS之外，還需要JavaScript或JS庫。這不會與Pattern實驗室中的Mustache或Handlebars模板混合。因此我們使用Angular JS，這是我們組件編寫的框架。我試圖尋找討論此主題的

0熱度

1回答

以模式|傳遞JSON數據PatternLab

我想包括一個原子模式，並希望從JSON數組傳遞數據，下面是代碼和JSON文件。錨link.mustache <a href="{{ url }}" class="{{ class }}">{{ label }}</a> 頁腳，nav.mustache <ul class="menu vertical"> {{# footerNav }} <li>{{> atoms-anchor-

0熱度

1回答

JSON沒有替換變量

我正在使用Twig PatternLab。我得到了一個小問題與JSON和一個樹枝for循環。凌00-H3-black.twig： <h3 class="A-ChevronBlack"><a href="">{{ text.chevron }}</a></h3> 分子00 mastertile.twig： <div class="M-DMasterTile"> <div clas

0熱度

1回答

模式實驗室不工作CSS的變化

我是模式實驗室的新手。我已經安裝了Pattern Lab PHP小鬍子模板。我可以編輯模式並查看輸出的更改。但是，如果我編輯css文件，更改不會反映在輸出上。我使用php核心/控制檯 - 生成文件，但仍然無法在CSS上工作。如何生成CSS，以便更改反映在輸出上？謝謝。

2熱度

2回答

使用Patternlab與TYPO3 Fluid

我想使用Patternlab爲TYPO3構建流體模板。我已經找到了獨立版本的流體引擎（儘管還沒有嘗試過）。我的問題是，我如何將流體引擎實施到Patternlab（而不是鬍鬚）？我認爲，我需要下載Patternlab for PHP和那裏的瘦版，所以沒有其他的模板引擎已經在那裏？ PL對TYPO3來說太棒了！感謝您的任何建議！

0熱度

1回答

樹枝模式實驗室中的數據繼承

我正在使用樹枝模式實驗室包含了longhand語法（需要集成的原因），又名{% include "@atoms/path/to/pattern.twig" %}。如果我在模式中定義了變量，然後將該模式包含在另一個模式中，則包含模式的變量將設置爲null，除非我通過with傳遞新的上下文。例如：我的原子 <p>{{ myvar }}</p> {# myvar is set when viewi

1熱度

1回答

Patternlab樹枝包含參數

我使用節點版本patternlab以樹枝爲模板引擎。我正在使用樹枝，因爲我的代碼庫是用樹枝編寫的 - 所以使用鬍子不是一個選項。我簡單的嘗試包括模式： <button type="button" class="btn {{ buttonClass }}">{{ cta }}</button> 在其他圖案： {% include "base-button" with {'buttonClass

0熱度

1回答

如何建立基礎和模式實驗室，爲Drupal工作？

如何結合控制檯吞嚥與枝條？謝謝！

0熱度

2回答

如何解決使用模式實驗時超出最大調用堆棧大小的錯誤？

模式實驗室Maximum call stack size exceeded錯誤，我不知道爲什麼。我沒有做過我以前沒有做過的事情。在01-molecules/02-cart/cart.mustache我有這樣的代碼 {{#miniCart}} <div class="mini_cart_item"> <img class="mini_cart_image" src={{img}} al

1熱度

1回答

Patternlab Handlebars以字符串文字形式傳遞數據變量

我正在處理帶有handlebar，patternlab-node和gulp的項目。現在我的.hbs文件不工作，如果我嘗試將參數傳遞給原子部分。我在下面列出了一個例子。分子： <div class="filter-group {{ filterGroupClass }}"> {{#each filterGroupContent}} {{> atoms-filter filter