尝试在现有网站的一页上使用UIKIT,该网站使用内部开发的自定义CSS。根据指令,创建了一个“作用域”版本,其中每个CSS类都以 .uk-scope 开头。
应用功能(例如手风琴)并起作用。 尽管类名称与示例页面相比是相同的,但未应用诸如列之类的常规格式。
<div class="uk-scope">
<div class="uk-container">
<div class="uk-grid" data-uk-grid-margin="">
<div class="uk-width-medium-1-3 uk-row-first">
<div class="uk-grid">
<div class="uk-width-1-6">
<i class="uk-icon-cog uk-text-primary"></i>
</div>
<div class="uk-width-5-6">
<h2 class="uk-h3">Sample Heading</h2>
<p>Column Text.</p>
</div>
</div>
</div>
<div class="uk-width-medium-1-3">
<!-- same content as above -->
</div>
<div class="uk-width-medium-1-3">
<!-- same content as above -->
</div>
</div>
</div>
</div>
..只是为了说明如何在CSS中实现作用域:
.uk-scope .uk-container {
box-sizing: content-box;
....
}
.uk-scope .uk-grid > * {
margin: 0;
}
... etc
已经有一段时间了,我找不到使用 scoped 版本的任何示例或示例。