问题标签 [getuikit]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
191 浏览

bower - bower 安装 uikit 源码

我曾经用一个简单的安装uikit(2.27.2)bower install uikit,我总是得到编译版本。现在我清除了我的凉亭缓存,我得到了未编译的源代码(没有 css 文件,只有更少)。有人知道为什么吗?

我目前的解决方法是: bower install https://github.com/uikit/bower-uikit.git

0 投票
1 回答
1440 浏览

javascript - 导入 UIkit Angular FullStack

我在尝试使用 Angular FullStack 生成器导入 UIkit 时遇到此错误:

这就是我所做的:

webpack.make.js

应用程序.js

但是,我可以通过将以下内容添加到我的 app.scss 来使用样式指令:

但是,如果我不导入 JS 模块,我会得到UIkit is not defined.

如何正确地将 UIkit 导入我的项目?

提前致谢 :)

0 投票
1 回答
44 浏览

javascript - Angularjs中的jQuery函数

使用 Uikit 和它的分页,我需要使用这个函数来改变页面:

但似乎 AngularJs 没有考虑到这一点,也没有触发该事件。如果我单击页码,我将无法显示 `console.log。有没有其他方法可以做到这一点?

这是 HTML 部分:

谢谢

0 投票
1 回答
66 浏览

javascript - 如何在 Ukit 中打印多个图标?

这是我用来使用循环打印多个图标的代码,当您使用 UIkit 但它没有打印图标 10 次时,这可能不是常规方法。

小提琴

参考/文档: UiKit 图标

UIkit Javascript 文档

0 投票
1 回答
1143 浏览

javascript - 使 UIKit offcanvas 在没有按钮的情况下可见

我最近一直在使用很多 UIKit 框架,习惯了。

问题是画布。我显然能够让它工作,但我想要的没有发生,我希望它在页面加载时打开,我尝试将 CSS 从无更改为阻止,但还没有更改。

这是 UIKit 页面的链接:https ://getuikit.com/docs/offcanvas

所以简而言之,问题是:offcanvas 菜单应该在页面加载时可见。

我确定其中涉及一些 Javascript 函数,但我仍然是初学者,因此非常感谢任何帮助。

提前欢呼和感谢。

0 投票
1 回答
1026 浏览

javascript - reactjs:导入uikit.min.js时出错

我对 react 很陌生,并且不熟悉本地使用 react,所以我使用create-react-app.

我正在尝试使用UIKit作为框架,但我无法让它工作。由于 UIKit 的 NPM 模块只支持它的 2.x 版本,我正在尝试使用它的 3.x(来自http://www.getuikit.com/)。我将 JS 文件 ( uikit.min.js) 导入到我的一个组件中,但编译失败。

我包含import * as uikit from 'uikit.min.js';在文件中,编译时会弹出:

也许我做错了,但我怎样才能导入这个让我使用 UIkit v3?

0 投票
3 回答
9063 浏览

javascript - UIKit 3中的响应式导航栏?

我一直在将我的网站迁移到 UIkit 3 而不是 Bootstrap 4。但我已经在导航栏上停留了一段时间。现在,我的导航栏是在 Bootstrap 4 中构建的,看起来像这样:

https://jsfiddle.net/eztwL9p7/1/

所以它只是一个普通的导航栏,但是当页面足够小时,会出现一个切换按钮,并且项目变成一个下拉列表。我一直在尝试将其迁移到 UIKit,但在他们的模板中我没有看到任何选项。如果我理解正确,似乎我必须制作 2 个导航栏,一个用于普通视图,然后一个较小的?

Navbar 文档建议像下面这样添加.uk-navbar-toggle类和.uk-navbar-toggle-icon—— 产生一个切换图标——但没有可扩展的菜单,也不能像 Bootstrap 那样隐藏指定的菜单项。

Navbar 文档建议使用Off -canvas 组件(滑入和滑出页面的侧边栏) - 或Modal 组件- 但这些都不会导致 Bootstrap 样式的切换菜单。

显示响应式导航栏如何在 Bootstrap 的小屏幕上切换/隐藏指定元素的屏幕截图:

正常大小的屏幕 - 显示所有菜单项: 在此处输入图像描述

屏幕更小 - 部分或全部菜单项被隐藏: 在此处输入图像描述

较小尺寸的屏幕 - 按菜单显示菜单项: 在此处输入图像描述

0 投票
1 回答
539 浏览

javascript - UIKIT 上传 - 服务器端 NodeJS

我正在尝试通过 UIKIT 上传器和 NodeJS 上传文件。问题是我无法在 POST 请求中获取文件。

上传.controller.js

应用程序.js

0 投票
1 回答
345 浏览

javascript - UIKit CSS:在之间插入粘性侧边栏
-标签

我想解决以下问题:

我有类似的东西

你可以在这里看到这个:

https://uikitplay.com/plays/FXuH

现在我想覆盖class test并将其移动到右侧(类似于粘性菜单,不会覆盖文章的内容)。

重要提示:HTML 结构不能更改。它必须使用 CSS 来完成。

正如我写的那样,div 不应该覆盖文章,它应该只在文章区域内保持粘性。所以它不应该显示在页脚或导航栏上。

我举例说明:

在此处输入图像描述

任何想法让这个工作?

0 投票
1 回答
1797 浏览

javascript - UIkit 上传器:获取上传的文件

我需要获取上传的文件以将其推送到文件列表中,但我无法做到......我希望有人可以帮助我:

我尝试过不同的方式、回调等,但没有一个奏效。我真的不知道我怎么能得到文件!

先感谢您。