问题标签 [topcoat]

我正在查看面漆库并使用其中一个组件；面漆开关。

示例功能在这里很好：

http://codepen.io/Topcoat/pen/upxds

但是在我的应用程序中，我将开关嵌套在无序列表中，并且必须将背景颜色应用于包含列表元素以进行样式设置。就像这里模仿的那样：

http://codepen.io/anon/pen/ekKEc

这个粗略的例子掩盖了文本的可见性，这是​​非常不受欢迎的。

同样，如果我将背景颜色应用于标签元素，同样的问题也很明显。

对此的任何帮助都会很好，因为我最后一天都在搞乱 z-index 等，只是发现它是背景颜色。

我正在为我正在构建的移动应用程序使用 topcoat (topcoat.io)、backbone.js 和 Phonegap。我想创建一个 Facebook 风格的滑出菜单。这是教程的链接：http: //outof.me/navigation-drawer-pattern-with-topcoat-css-library/

这是运行良好的jsfiddle：http: //jsfiddle.net/webintelligence/vPef6/1/

本质上它看起来像：

重要的CSS是：

因为我的应用程序包含许多进出转换的模板（借助这个简单的库：https ://github.com/ccoenraets/PageSlider ），我需要在正文之后和内容周围有一个标签。但是，当我这样做时，可以在主要内容后面看到菜单。这是jsfiddle：http: //jsfiddle.net/webintelligence/TLNyY/

我为 div 添加了 css（复制正文 css）：

任何想法为什么现在通过内容显示菜单？

我正在使用angularJS + topcoat 构建一个带有phonegap 的android 应用程序。我设法创建了索引页面、视图和所有基本结构。我的问题是，有些页面（部分）没有要显示的数据。在这种情况下，视图不会填满页面的高度。这造成了一个问题，因为我有一个使用 angular-snap 隐藏的抽屉菜单。因为页面没有填满所有可用的高度，所以应该隐藏的菜单是可见的。有谁知道如何处理这种情况？我附上一张图片来举例说明！应用示例 谢谢！

我正在从使用 JQM 和 Phonegap 切换到使用 Topcaot 和一些较小的库来处理转换等。我还没有找到微型图书馆的一件事是导航。

虽然我见过的许多网站都说要通过 javascript 动态创建 UI 和内容，但对于我需要创建的页面数量来说，这似乎是一项艰巨的任务。与 JQM 类似，我希望能够将我的不同页面分隔为不同的 html 文件，这些文件将 ajax 加载到 DOM 中，但是以一种快速且不承担 JQM 重量的优化方式。

任何人都知道这样的图书馆是否存在，或者这会是我必须写的图书馆吗？看起来这不是一项过于复杂的任务，特别是如果我使用 jquery。任何帮助的想法表示赞赏。

我正在构建我的第一个 phonegap 应用程序，并且我正在使用topcoat作为美化器（纯 css）演示页面。Topcoat 非常适合移动应用程序，因为一切都是基于 css 的（硬件加速），这是（顺便说一句）使用 phonegap 构建时要走的路。然而，因为一切都是基于 css 的，所以没有 javascript 可以帮助您操作/读取 dom 状态。对于大多数面漆组件（例如单击按钮或在输入中键入一些文本）来说，这没有问题。然而，开/关开关组件实际上是一个花哨的 html 复选框，当您单击它时，它会通过 css 转换打开或关闭。非常好，但复选框本身不会更新（Topcoat 中的错误？）。我提出了一个可行的解决方案，但我想知道这是否是可行的方法以及为什么我不能使用推荐的 jquery'

jsfiddle 演示

所以我正在使用 topcoat 开发一个 phonegap 应用程序，并实现了一个飞出菜单，如此处所示。我正在使用此脚本打开/关闭菜单

现在一切正常，但我想添加的是滑动关闭面板和打开它的能力。我已经看到 jquery 的触摸库似乎提供了一种解决方案（例如TouchSwipe），但我想尝试让它尽可能接近 1:1 的触摸移动交互。

任何人都知道我应该朝哪个方向发展或有任何想法？任何帮助表示赞赏。

Might be a naive' one - but I am sort of stuck on how to put a icon in topcoat icon button. I am creating a dynamic list with delete and modify buttons (which I want to be icons). Any help is appreciated ...

我正在编写一个混合 HTML5 应用程序。现在我正处于选择工具的阶段。我几乎没有怀疑你已经帮我澄清了。但是在发现Topcoat之后，我有最后一个问题。

我已经知道，自从Twitter Bootstrap到了版本 3，你可以直接在网页中剥离它，它变得更加流畅。但是 Topcoat 只是 CSS 的事实让我想到，因为很多人仍然抱怨 Twitter Bootstrap + Phonegap 的性能......

这里有没有人进行过真正的测试来确定体验的流畅/自然程度，以及哪一个处理得更好？

我正在尝试使用 Phonegap 制作一个带有图标的自定义按钮。

我使用https://github.com/topcoat/icons和 www.icomatic.io 来创建图标。然后我将生成的 icomatic 文件保存在 www/css/icomatic 文件夹中。

出于某种原因，以下代码在我的普通（chrome）网络浏览器中有效（显示图标），但在我的手机上无效（它只显示带有单词相机的按钮）：

我使用 wwww/css/icomatic.css 文件夹中的 icomatic.css。CSS是：

像这样引用：

谢谢！

//编辑：似乎这个问题特别发生在某些设备/软件上（Android 4.3，Xperia Z）

在我尝试过的另一台安卓设备上，相机图标正常显示..

我只是想知道是否有面漆/温泉类名称的列表。类名，例如 .topcoat-button--large--cta。这将极大地帮助我自定义应用程序设计的能力。此外，文档只显示了一些，我不太确定在检查元素中寻找什么。

谢谢，本