如何为煎茶触摸轮播指示器设置背景图像答案

【问题标题】：How to set background image for sencha touch carousel indicator如何为煎茶触摸轮播指示器设置背景图像
【发布时间】：2012-05-15 09:41:33
【问题描述】：

我有一个应用程序，我需要在轮播控件上隐藏默认点指示符，而对于默认指示符，我必须用自定义图像替换它？

【问题讨论】：

你试过改变.x-carousel-indicator的CSS吗？ background-image、background 或类似的 smt？如果有，你得到了什么？
如何设置背景图片属性
.x-carousel-indicator-dark span { background-image: none; background-color: #8B3626; }。您是否尝试将background-image:none; 替换为某个图片网址？试试看，告诉我们你给了什么
我已经给出了这样的背景图片：'url(icons.mysitemyway.com/wp-content/gallery/…)';它的抛出错误

标签： extjs sencha-touch sencha-touch-2 carousel

【解决方案1】：

要在Ext.carousel.Carousel 组件中隐藏默认的点indicator，请使用这个，

indicator: false

【讨论】：

是的，谢谢您的回复，我们如何用一些背景图片替换该指示器
没有内置属性可以实现这一点。您必须为其编写自定义轮播。
他们给出了一些 CSS，例如 /* line 34, ../themes/stylesheets/sencha-touch/default/widgets/_carousel.scss */ .x-carousel-indicator-dark span { background -图像：无；背景颜色：#8B3626；我想知道如何设置背景图像，我没有找到任何示例。

【解决方案2】：

我猜你可以检查指示器对象的 CSS。例如，转到Kitchen Sink > User Interface > Carousel 并检查其中一个点：

.x-carousel-indicator span {
  display: block;
  width: .5em;
  height: .5em;
  -webkit-border-radius: .25em;
  border-radius: .25em;
  margin: .2em;
}

然后，你只需要重写那个 CSS 类

【讨论】：