问题标签 [lumx]

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 投票
2 回答
1328 浏览

angularjs - 水平滚动条可见

我正在使用 Angular + Lumx 开发一个 webapp。我正在实现一个对话框,其中有一个包含很多列和很多行的表,因此它甚至可以水平滚动甚至垂直滚动。

问题是水平滚动条仅在页面末尾可见。但是这种方式不清楚用户是否也可以水平滚动。

有没有办法让水平滚动条始终可见?

非常感谢!

正如您在下面的屏幕中看到的那样,只有当我位于页面末尾时,水平滚动条才可见

在此处输入图像描述

在页面末尾垂直滚动后,我可以看到它

在此处输入图像描述

0 投票
1 回答
141 浏览

css - Grunt 构建后无法加载 MDI 图标

我已经通过 bower 安装了 LumX,并且正在运行带有 grunt 的 Yeoman 角度发生器。

在 grunt build 后在开发中运行时,所有图标都正确显示。当我运行 grunt build 并提供 dist/ 文件夹时,所有图标源都会通过 GET 抛出错误:/styles/fonts/ ANY OF THE FONT FILE INCLUDED ?v=1.2.64

我知道一切都在 localhost 上运行,但似乎无法确定它为什么一直引用它。

我认为这就是 grunt 缩小后的问题所在,但它在开发中加载得很漂亮。

任何解释和解决方案将不胜感激!

谢谢!

0 投票
1 回答
221 浏览

javascript - Lumx 动画不工作

我正在使用 Django、angularJS 和 lumx 创建网站。我对这个框架很陌生,我正在尝试让基本的 lumx 功能正常工作。我使用说明http://ui.lumapps.com/getting-started/installation安装了 lumx (使用“bower install lumx”)。Django 设置为正确处理静态文件。

我有我想要测试的 base.html 文件(应该只显示一个下拉框):

但是动画不起作用,我不确定出了什么问题。lumx 动画都不起作用(如按钮波纹),但我可以调用它们拥有的图标。服务器日志显示我所有的 css 和 js 文件都被调用了。

0 投票
1 回答
241 浏览

laravel - 如何在 Laravel 中将 Lumx 与 Elixir 一起使用?

我使用 NPM 遵循 AngularJS 和 Laravel 5 中提供的一个答案,但我无法使用 Gulp 成功编译 lumx 的 SCSS 文件。

任何人都知道如何解决这个问题?

我的 app.scss 包含以下内容:

运行 gulp 后,我收到此错误:

_lumx.scss 文件包含

我的 bower_components 文件夹位于我的 Laravel 应用程序的根文件夹中。所有 javascript 文件都适用于 Elixir 任务,但只有 scss 文件有问题。

0 投票
0 回答
157 浏览

javascript - LumX 按钮(lx 按钮)不起作用

我正在使用HTMLJavascriptAngularJS编写一个 Web 应用程序。对于我的 UI,我正在试验LumX。我尝试了Angular Material,但它在 IE 上太慢了。

但是,我在简单地使用 LumX 提交表单时遇到了困难。原因是我无法让按钮工作。LumX 网站明确指出:

“lx-button 是一个指令,如果您指定 href 或 ng-href 属性,则创建一个链接元素,否则,它会创建一个按钮元素。”

这是我所拥有的:

然后,在我的functions.js文件中,我有:

add()函数只是将该项目添加到列表中。该功能正在运行,因为该程序使用普通按钮按预期工作。只是当我使用lx-button标签时它停止工作。

谢谢。

0 投票
0 回答
137 浏览

javascript - 使用 AngularJS 和 LumX 在 Javascript 中打开对话框窗口

我正在使用 Javascript 和 AngularJS 制作一个 Web 应用程序。对于我的用户界面,我正在尝试使用 LumX。

在他们的站点中有一个“打开对话框”功能的示例。这是:http ://ui.lumapps.com/components/dialog

但是,我似乎无法让它在我的应用程序上运行。当我按下“打开对话框”按钮时,它什么也不做。它可以在他们的网站上运行,但是当我在我的程序中使用该代码时它不起作用。我知道我拥有所有正确的包含文件,因为所有其他 LumX 功能都可以正常工作。这是我试过的唯一一个不起作用的。

那么有人可以试试这个例子,看看你是否可以让它工作,然后在这里发布你的完整代码?我一定做错了什么。

太感谢了。

0 投票
1 回答
309 浏览

angularjs - 有没有办法在 lumx Select 中实现全选选项?

我目前在我的角度材料应用程序中使用具有多种选择的 lumx Select。我必须在选择中实现“全选”选项以选择下拉列表中的所有值。

我参考了角度选择的文档,但无法找到它是否具有对“全选”选项的本机支持。文档:Lumx 选择

0 投票
0 回答
116 浏览

angularjs - 未显示角度形式的 lumx flex 字段验证消息

尝试使用 formly-lumx 对自定义组合字段进行简单的交叉验证。验证表达式正常触发,按预期抛出错误,但消息未显示在页面上。使用相同验证方法创建的任何其他没有 flex 容器的字段都可以完美运行。不要犹豫,提出一些建议:

0 投票
0 回答
125 浏览

angularjs - 初始化 LUMX 对象

我使用这个可爱的 Lumx 库作为我的 Angular 应用程序的一部分,并尝试使用他们的 datepicker:http ://ui.lumapps.com/components/date-picker

我已经包含了 lumx 文件并且该按钮正在出现,在我的应用程序中设置了适当的样式,但是当我单击“打开日期选择器”按钮时会发生。也没有 js 错误,所以在我看来“vm”对象没有被正确初始化?例如 {{ vm.datePicker.basic.dateFormatted }} 没有显示任何内容,因此它似乎是一个初始化/范围问题。

为了启动和运行,我使用了示例中的 HTML:

视觉上该按钮按照示例显示。

然后,我将以下 .js 添加到 controllers.js 文件中,再次尽可能接近示例。我知道它正在被初始化,就像 alert("a"); 应用加载时弹出。我无法得到除此之外的任何东西,即当我单击按钮时,我想查看日期选择器。

我知道我没有正确初始化,但是有人可以看到我在这里做错了什么吗?例如,alert("b") 永远不会被调用。任何帮助都会很棒!?

0 投票
1 回答
48 浏览

html - 某些 HTML 代码片段在特定的 Safari 浏览器上无法很好地呈现

首先,我不知道这个问题的标题是否合适,但我想不出其他任何事情。如果您有更好的建议,请建议编辑。谢谢你。

我正在开发一个同时使用 Angular Material 和 LumX 库的网页。其他一切在所有浏览器上都运行良好,但是在小屏幕模式下,这段特定的代码片段在 Safari 浏览器(iPhone 和 Mac)上无法正常运行。

我省略了其余有效的代码。只有这个片段在 Safari 浏览器上呈现空白,而在其他浏览器(Mac 上的 Firefox、Windows 上的 Chrome、Android 浏览器)上它工作得很好。

具体来说,如果有任何事情发生在div

Safari 能够渲染它,例如,如果我在其中放入一些文本,一切都会正常工作。LumX但是当屏幕很小时,它无法渲染按钮。

在此处输入图像描述

此屏幕截图显示了当屏幕尺寸较小时,代码在 Safari(左)和 Firefox(右)中的呈现方式。

在此处输入图像描述

Safari Web Inspector 显示按钮元素那里。

我真的是前端开发的新手。知道这里发生了什么吗?它真的会帮助我完成我的项目。谢谢你。