问题标签 [core-ui]

我正在尝试创建一个简单的用户登录和密码页面，目前不使用后端服务。

输入密码后，我想将我的页面路由到仪表板。我正在使用核心 UI 框架和 Angular 4。现在我有一个未捕获的错误。如何解决以下错误？

登录组件.ts

login.component.html

我有一张这样的桌子：

但是，这些列不尊重我在每个<th></th>. 第一列占用了几乎所有可用空间，而其他列仅使用其内容所需的空间。

为什么？

PS：我正在使用CoreUI 的模板。

嗨，我正在尝试从后端获取选项列表，然后将它们映射到选项列表并添加到列表中，但失败了。有人可以请教吗？

父组件：

子组件：

日志显示：

从日志中可以看出，markerNames 以正确的格式传递到子组件中，匹配<option key="12345" value="TEST">TEST</option>但在输入选择元素中只能看到 TEST 选项，但 zzz 消失了。

在将 React CoreUI Bootstrap 项目与ExtReact集成时出现错误：

该Object.anonymous行在文件中：

node_modules\@extjs\reactor\src\ExtJSComponent.js看起来像这样：

这就是我得到的全部。

如果不是全部答案，有人可以给我至少一些指示。

伙计们，我是 Vue 的新手，并使用 coreui 管理面板来开发一些字体 vue 但现在我陷入了这个问题，这是 nav.js 文件

主容器

这是我的侧边栏

我现在在我的浏览器本地存储中搜索 addproduct，如果当用户登录并转到仪表板时，我会观察浏览器应用程序中是否存在哪个 url 名称，如果存在则显示，否则现在忽略我的问题是我如何应用像 addproduct 这样的条件=addprodcut this this visible else hide

我的应用程序包含 3 个模块

• 应用模块
• 管理模块
• XLModule

Component AppHeader（网站的头部）需要在上述3个模块中使用。

目前，它仅在 AppModule 中使用。当我需要在第二个模块 AdminModule 中使“AppHeader”工作时，我真的没有时间真正学习如何在不同模块中使用一个组件，所以我所做的只是复制粘贴“AppHeader”并重命名它到“AdminHeader”，然后将其导入到 AdminModule 以创建所谓的“解决方法”。

那时我还没有真正的“XLModule”。

现在我想在所有 3 个模块中使用“AppHeader”，我真的想摆脱那个复制粘贴的“AdminHeader”。

所以，现在在我的 app.module 中，我已经包含了“AppHeader”

从'./components'导入{AppHeaderComponent}；

const APP_COMPONENTS = [AppHeaderComponent]

在我的 NgModule 我有

在我的声明中：

...APP_COMPONENTS

在我的出口中：

APP_COMPONENTS

每当我尝试将“AppHeader”导入到其他 2 个模块中的任何一个时，都会收到“AppHeader”被 2 个模块使用的错误。

我从这里去哪里？我在需要导入或导出的 AppModule 中遗漏了什么？而且，还应该在其他 2 个模块中导入什么，以使这个“AppHeader”在所有 3 个模块中工作，而无需实际制作重复的组件。

所以有这个gem https://github.com/pelted/coreui-rails，它使用CoreUI，它是一个引导管理模板。

现在该模板覆盖了引导颜色，我想再次将它们覆盖为我的颜色（特别是-primary），这样当我使用例如btn-primary类时，按钮就会有我的颜色。我试过这个，但它不起作用。

_core-variables.scss 文件

应用程序.scss 文件

更新

我尝试@include了来自 Bootstrap 或 CoreUI 的函数，在这两种情况下它们都未定义，尽管它们被导入到 CoreUI-rails gem： https ://github.com/pelted/coreui-rails/blob/master/vendor/assets/stylesheets/_coreui -free.scss

另一个更新

经过更多的研究和反复试验，我发现我只能.btn-primary使用以下代码覆盖：

这很好，但它违背了theme-colors. 通过此链接https://getbootstrap.com/docs/4.0/getting-started/theming/#components bootstrap 承诺：

“Bootstrap 的许多组件和实用程序都是使用@each在 Sass 映射上迭代的循环构建的。这对于由我们生成组件的$theme-colors变体并为每个断点创建响应变体特别有用。当您自定义这些 Sass 映射并重新编译时，您将自动看到您的更改反映在这些循环中。”

是我做错了还是gem有问题？我不是 Ruby 开发人员，我正在尝试让前端部分工作。

任何帮助将不胜感激。

我是 Vue.js + Webpack 世界的新手，一直在尝试消化这么多信息。

无法弄清楚为什么当我从 npm 包（一个 vue.js 模板）导入单个 .vue 文件以在我的应用程序上使用时，webpack 会尝试从模板包本身解决依赖关系。我只将文件导入到我的应用程序中，它沿着包的配置传播。

这里的步骤：

然后在 myproject 内的 App.vue 上：

位于 CoreUI/Vue 包内的 Footer.vue 非常简单，包含以下内容：

但我明白了：

如果我将单个文件 Footer.vue 复制到 myproject/src 文件夹并将导入语句更新为“./Footer.vue”，它就可以工作。

如果我从未引用模板包中的任何内容，而不是我的“导入”语句中的单个独立文件，为什么 webpack 会尝试解析模板包中的依赖项？

我应该如何以这种方式在我的应用程序中使用这样的模板？

谢谢

我在我的config/index.js：

我的应用程序.vue：

在开发模式下一切正常，没有丢失资产等......一切都很好。

但是当我构建项目时，字体路径变为：

dist/静态/css/静态/字体/字体

这会导致给定资产出现 404 错误，因为我在 ths 中没有文件夹，css而且我不知道为什么要这样做。

请注意，我不希望它位于根目录中，例如：

如果你们认为缺少一些脚本以获得更好/不那么模棱两可的答案，请告诉我，我会对其进行编辑以包含它们。

我是 Angular 的新手。我想在鼠标悬停时更改列标题文本。在此处附上快照输入图像描述：

下面是我的代码。