问题标签 [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 投票
1 回答
234 浏览

html - 为什么应用 uk-width-1-1 影响 uk-grid 的子 div 而不是子的嵌套 div?

为什么在此实现中未应用 100% 宽度(该类uk-width-1-1应用于网格容器的子对象的嵌套 div):

但是,它在像这样实现时应用(类uk-width-1-1应用于网格容器的子级):

我可以看到如何达到我想要的效果,但想知道它背后的逻辑是什么,以便我更好地理解它。

显示这两种实现的 jsFiddle 在这里

编辑:

我可以仅使用 flex 样式复制行为 - 所以我需要弄清楚为什么子 div 可以是 100% 而嵌套 div 不能?

也许 a flex item,它是 a 中的任何直接子 div flex container,默认情况下是其内容的宽度,因此嵌套 div,如果给定width: 100%,忠实地表示其直接父容器宽度的 100%,而不是定义的顶级容器display: flex

0 投票
0 回答
76 浏览

javascript - GetUIkitv2 不能两次上传同一个文件

我正在使用这个 getuikitv2 上传组件,但我在让它正常工作时遇到了一些麻烦,因为如果一个文件被上传两次,上传者似乎不会进行任何上传过程,并且不会触发更改事件。

我的代码与页面完全一样,它以某种方式工作,但不是在文件上传两次时。请帮忙!

0 投票
1 回答
267 浏览

frontend - 如何在 uikit(getuikit) datepicker 中禁用星期天?

我很难在 uikit 的日期选择器中禁用星期天。谁能帮我解决这个问题?提前致谢。

0 投票
3 回答
4923 浏览

css - 在反应中更改 UIkit 图标的颜色

如何更改 UIkit 图标的颜色。我正在使用反应组件。具体来说,我想更改分隔线图标的颜色:https ://getuikit.com/docs/divider

我已经尝试了这个问题的大部分答案:我可以更改 Font Awesome 图标颜色的颜色吗? 他们都没有工作。

我还尝试将其包装在标签中或

我想更改图标本身的颜色而不是背景或其他 css,因为这些很容易使用style.

谢谢。

0 投票
1 回答
168 浏览

getuikit - UIkit 2 - 如何触发分页页面

我的页面中有一个“转到”功能,我已经尝试更新实例中的“currentPage”属性,但这不起作用。

一旦 UIkit 没有特定的方法来改变页面,有办法做到吗?

0 投票
2 回答
1612 浏览

angular - Listen to UIkit modal events in Angular 4 components

How can I listen to events emitted from UIkit's Modal dialog in my Angular component?

I want to run some code when the modal is closed and have added (hidden)="onModalHidden()" on the modal div but the method is never being called.

HTML Template

Component.ts

I'm using Angular 4.4.5 and UIkit 3.

Any help/pointers would be appreciated.

0 投票
1 回答
877 浏览

javascript - 在 webpack 中暴露 UIkit

当谈到像 webpack 这样的技术时,我是个菜鸟,但我尝试学习它。

我在 Visual Studio 中使用默认的 Angular 4 + ASP.NET 核心项目,其中配置了 webpack。现在这个项目默认使用 Bootstrap,但我更喜欢使用 UIkit。UIkit 有一个使用 UIkit 变量的 js 库。更多信息可以在这里找到。

但问题是 webpack 似乎删除了全局 UIkit 变量。

我有 2 个 webpack 文件。一个webpack.config.js文件和webpack.config.vendor.js文件。

我尝试使用expose-loader 和provideplugin 公开它,但它似乎不起作用。我真的不明白为什么。我设法通过修改我的boot.browser.ts并添加来公开 jQuery,import "expose-loader?$!jquery";import "expose-loader?jQuery!jquery";但是当我想导入 UIkit 时它会抱怨并说出来Module '"uikit"' has no default export.

我真的很感激任何帮助,因为我完全坚持这一点,而且我对 typescript 和 webpack 的了解还不够,无法推进

0 投票
1 回答
49 浏览

getuikit - 在 web dev 框架 UIKit 中,column 组件,数字代表什么?

这是列类的 UIKit 文档的网站。他们有 .uk-column-1-2 到 .uk-column-1-6。2-6 是列数是有道理的,但第一个数字是多少?可能是比例?

0 投票
1 回答
523 浏览

php - 模态中的表单输入和模态外,无法发布所有数据

和平,我有一个不同细节的表格,表格的一部分是标准的 DIV,有些是 MODAL。我无法发送填写 MODAL 的 POST 数据。这是代码

未收到来自输入文件 (bg_img) 和复选框 (remove_bg) 的数据

卡片.php

0 投票
1 回答
2720 浏览

javascript - uikit 3 捕捉事件

我使用 uikit v3,我正在尝试在 uikit 灯箱/幻灯片中记录点击次数。在“itemshow”事件之后,我想向 piwik 发送一个日志请求。piwik 请求不是问题,但我无法捕捉到“itemshow”事件。 https://getuikit.com/docs/lightbox#javascript

https://jsfiddle.net/nypd6L2u/1/