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

Posted 2023-02-25

【中文标题】如何为煎茶触摸轮播指示器设置背景图像

【英文标题】：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/…)';它的抛出错误

【参考方案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 类