问题标签 [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.
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 缩小后的问题所在,但它在开发中加载得很漂亮。
任何解释和解决方案将不胜感激!
谢谢!
javascript - Lumx 动画不工作
我正在使用 Django、angularJS 和 lumx 创建网站。我对这个框架很陌生,我正在尝试让基本的 lumx 功能正常工作。我使用说明http://ui.lumapps.com/getting-started/installation安装了 lumx (使用“bower install lumx”)。Django 设置为正确处理静态文件。
我有我想要测试的 base.html 文件(应该只显示一个下拉框):
但是动画不起作用,我不确定出了什么问题。lumx 动画都不起作用(如按钮波纹),但我可以调用它们拥有的图标。服务器日志显示我所有的 css 和 js 文件都被调用了。
laravel - 如何在 Laravel 中将 Lumx 与 Elixir 一起使用?
我使用 NPM 遵循 AngularJS 和 Laravel 5 中提供的一个答案,但我无法使用 Gulp 成功编译 lumx 的 SCSS 文件。
任何人都知道如何解决这个问题?
我的 app.scss 包含以下内容:
运行 gulp 后,我收到此错误:
_lumx.scss 文件包含
我的 bower_components 文件夹位于我的 Laravel 应用程序的根文件夹中。所有 javascript 文件都适用于 Elixir 任务,但只有 scss 文件有问题。
javascript - LumX 按钮(lx 按钮)不起作用
我正在使用HTML、Javascript和AngularJS编写一个 Web 应用程序。对于我的 UI,我正在试验LumX。我尝试了Angular Material,但它在 IE 上太慢了。
但是,我在简单地使用 LumX 提交表单时遇到了困难。原因是我无法让按钮工作。LumX 网站明确指出:
“lx-button 是一个指令,如果您指定 href 或 ng-href 属性,则创建一个链接元素,否则,它会创建一个按钮元素。”
这是我所拥有的:
然后,在我的functions.js文件中,我有:
add()函数只是将该项目添加到列表中。该功能正在运行,因为该程序使用普通按钮按预期工作。只是当我使用lx-button标签时它停止工作。
谢谢。
javascript - 使用 AngularJS 和 LumX 在 Javascript 中打开对话框窗口
我正在使用 Javascript 和 AngularJS 制作一个 Web 应用程序。对于我的用户界面,我正在尝试使用 LumX。
在他们的站点中有一个“打开对话框”功能的示例。这是:http ://ui.lumapps.com/components/dialog
但是,我似乎无法让它在我的应用程序上运行。当我按下“打开对话框”按钮时,它什么也不做。它可以在他们的网站上运行,但是当我在我的程序中使用该代码时它不起作用。我知道我拥有所有正确的包含文件,因为所有其他 LumX 功能都可以正常工作。这是我试过的唯一一个不起作用的。
那么有人可以试试这个例子,看看你是否可以让它工作,然后在这里发布你的完整代码?我一定做错了什么。
太感谢了。
angularjs - 有没有办法在 lumx Select 中实现全选选项?
我目前在我的角度材料应用程序中使用具有多种选择的 lumx Select。我必须在选择中实现“全选”选项以选择下拉列表中的所有值。
我参考了角度选择的文档,但无法找到它是否具有对“全选”选项的本机支持。文档:Lumx 选择
angularjs - 未显示角度形式的 lumx flex 字段验证消息
尝试使用 formly-lumx 对自定义组合字段进行简单的交叉验证。验证表达式正常触发,按预期抛出错误,但消息未显示在页面上。使用相同验证方法创建的任何其他没有 flex 容器的字段都可以完美运行。不要犹豫,提出一些建议:
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") 永远不会被调用。任何帮助都会很棒!?
:
html - 某些 HTML 代码片段在特定的 Safari 浏览器上无法很好地呈现
首先,我不知道这个问题的标题是否合适,但我想不出其他任何事情。如果您有更好的建议,请建议编辑。谢谢你。
我正在开发一个同时使用 Angular Material 和 LumX 库的网页。其他一切在所有浏览器上都运行良好,但是在小屏幕模式下,这段特定的代码片段在 Safari 浏览器(iPhone 和 Mac)上无法正常运行。
我省略了其余有效的代码。只有这个片段在 Safari 浏览器上呈现空白,而在其他浏览器(Mac 上的 Firefox、Windows 上的 Chrome、Android 浏览器)上它工作得很好。
具体来说,如果有任何事情发生在div
:
Safari 能够渲染它,例如,如果我在其中放入一些文本,一切都会正常工作。LumX
但是当屏幕很小时,它无法渲染按钮。
此屏幕截图显示了当屏幕尺寸较小时,代码在 Safari(左)和 Firefox(右)中的呈现方式。
Safari Web Inspector 显示按钮元素在那里。
我真的是前端开发的新手。知道这里发生了什么吗?它真的会帮助我完成我的项目。谢谢你。