Question

是否可以在lunetics / locale-bundle中显示标志（图像，图标）？默认情况下是无序列表，其中包含以下文本：

<ul class="locale_chooser">
    {% for locale in locales %}
        <li{% if current_locale == locale.locale %} class="locale_current"{% endif %}>
            <a href="{{ locale.link }}" title="{{ locale.locale_current_language }}">{{ locale.locale_current_language }}</a>
        </li>
    {% endfor %}
</ul>

Answer 1

是的，你可以。

来自css sprite的图标：

<ul class="language-switcher">
    {% for locale in locales %}
        <li>
            <a href="{{ locale.link }}" class="icon language-{{ locale.locale }}" title="{{ locale.locale_current_language }}"> </a>
        </li>
    {% endfor %}
</ul>

CSS代码示例：

.icon {
  background-image: url('../images/sprite.png'); }

.language-switcher .language-en {
  background-position: -5px -7817px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  width: 24px;
  height: 24px; }

将图标作为文件的HTML代码示例：

<ul class="language-switcher">
    {% for locale in locales %}
        <li>
            <a href="{{ locale.link }}" title="{{ locale.locale_current_language }}"><img src="\images\{{ locale.locale }}.png" /></a>
        </li>
    {% endfor %}
</ul>

Lunetics语言环境标志

1 个答案: