1

我正在寻找有关如何根据 Sencha 返回的结果设置列表样式的示例。

我需要 100 行自定义 CSS，还是需要应用一些预定义的样式才能使我的应用看起来像原生设备？

4

3 回答 3

3

默认样式应该看起来不错：至少与 Touch UI 的其余部分一致。

只需提供 itemTpl: 属性并将列表绑定到商店：您应该会看到出现在列表中的项目，例如：

在此处输入图像描述

您当然可以根据需要详细说明 itemTpl。还有一些“标准”的 UI 行为，例如显示按钮和索引栏。有关示例，请参阅此截屏视频：http: //vimeo.com/19245335

最后，当然，这一切都只是 HTML 和 CSS，所以如果你愿意，你可以完全疯狂地使用样式。检查：http ://www.sencha.com/blog/2010/12/17/an-introduction-to-theming-sencha-touch/

于 2011-01-28T23:05:55.453 回答
1

使用它使其始终垂直居中对齐：

.x-list .x-list-item{
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
}
于 2011-11-09T10:13:38.293 回答
0

在 Sencha Touch 的默认下载中，演示中有一个名为 Kitchen Sink 的文件夹。此演示中有一个基本的 css 文件，您可以将其用作起点。

此外，您可以使用 cls:'yourClass' 为列表或嵌套列表提供一个类，然后在项目的源代码中检查嵌套的 div 及其类...

另一种选择是使用 style:'background-color:black;color:white;' 在组件内部获得基本样式。

你最好的办法是检查厨房水槽特殊的 css 文件，因为它以正确的方式缩进并且对初学者来说非常清楚。

于 2011-07-07T09:03:02.400 回答