自定义 uikit 滑块的导航图标答案

【问题标题】：Customize uikit sliders' navigation icons自定义 uikit 滑块的导航图标
【发布时间】：2022-02-11 15:31:39
【问题描述】：

我需要放置自己的图像或图标，而不是uikit默认的箭头导航图标（）。如下图。可能吗？如果有，请分享。

这是我的代码

<div class="uk-position-relative uk-visible-toggle uk-light" tabindex="-1" uk-slideshow>

<ul class="uk-slideshow-items">
    <li>
        <img src="images/photo.jpg" alt="" uk-cover>
    </li>
    <li>
        <img src="images/dark.jpg" alt="" uk-cover>
    </li>
    <li>
        <img src="images/light.jpg" alt="" uk-cover>
    </li>
</ul>

<a class="uk-position-center-left uk-position-small uk-hidden-hover" href="#" uk-slidenav-previous uk-slideshow-item="previous"></a>
<a class="uk-position-center-right uk-position-small uk-hidden-hover" href="#" uk-slidenav-next uk-slideshow-item="next"></a>

【问题讨论】：

标签： html css uikit

【解决方案1】：

您可以将您的图标添加到项目中的 uikit 库中，然后重新构建（编译）UI Kit。查看 uikit 自定义图标的 documentation。之后，您应该可以像使用其他 uikit 图标一样使用它们了。

【讨论】：