引导
为定价菜单或目录创建点引导线。
引导线，也称为点引导线或制表符引导线，是一种重复的模式，用于在水平空间上视觉连接内容。它最常用于餐厅菜单，在菜品和价格之间，以及目录中，在标题和页码之间。
用法
要应用此组件，请将 uk-leader 属性添加到左侧的元素。然后，默认情况下，一行字符（点）将填充项目与其相邻元素之间的剩余空间。
<div uk-leader></div>- $20.90
<div class="uk-grid-small" uk-grid> <div class="uk-width-expand" uk-leader>Lorem ipsum dolor sit amet</div> <div>$20.90</div> </div>
填充字符
要将点更改为任何自定义字符，只需将 fill: STRING 选项添加到属性中即可。
<div uk-leader="fill: -"></div>- $20.90
<div class="uk-grid-small" uk-grid> <div class="uk-width-expand" uk-leader="fill: -">Lorem ipsum dolor sit amet</div> <div>$20.90</div> </div>
注意 默认填充字符可以通过 CSS 或 Less 变量设置。
.uk-leader-fill-content::before { content: '.'; }
:root { --uk-leader-fill-content: '.'; }@leader-fill-content: '.';响应式
可以通过将 media 选项应用于属性并添加适当的视窗宽度，为不同的设备宽度禁用引导线。添加以像素为单位的数字，例如 media: 640，或断点，例如 media: @m。引导线将在指定的视窗宽度及以上显示，但不会在以下显示。
<div uk-leader="media: @m"></div>组件选项
任何这些选项都可以应用于组件属性。用分号分隔多个选项。了解更多
| 选项 | 值 | 默认值 | 描述 |
|---|---|---|---|
fill |
字符串 | 可选填充字符。 | |
media |
布尔值、数字、字符串 | false |
空间填充条件 - 宽度为整数（例如 640）或断点（例如 @s、@m、@l、@xl）或任何有效的媒体查询（例如 (min-width: 900px)）。 |
JavaScript
了解有关JavaScript 组件的更多信息。
初始化
UIkit.leader(element, options);