我不想用Vue-MaterialVuetify.

我想用Materialize.

npm install materialize-css@next

总的来说.js,在这里定义了我的新Vue应用,我导入Materialize如下:

import 'materialize-css'

不知怎的,javascript正在工作,但CSS没有加载;我用Card Reveal分来测试.

交换动画可以工作,但未设置样式.Card Reveal是我想使用MaterializeCss的原因之一,其他两个不提供此功能.我还想使用"普通"HTML元素,而不是使用100个新元素(例如vuetify).

推荐答案

这一行导入javascript(node_modules文件夹中npm模块的入口点):

import 'materialize-css'

要导入CSS文件,只需执行以下操作:

import 'materialize-css/dist/css/materialize.css'

Vue.js相关问答推荐

通过另一个文件调用模块化窗口组件

虚拟DOM在Vue中姗姗来迟

vuex 未知动作类型:addTodo

VeeValidate 4 字段验证状态

使用 nuxt.js 组件自动导入对性能不利吗?

Vue:根元素内容和内容分发槽

将 Vue 应用程序挂载到主 Vue 应用程序的容器中

动态插入字符串上的 Vue 事件处理程序不起作用

在下拉菜单上使用箭头键滚动

使用 vue-cli 遇到无法推断解析器错误

CLI 3 - 如何为 CSS/Sass 创建vendor bundle ?

当前端和后端位于虚拟 docker 网络中时,如何使用 axios 寻址后端主机

如何使用 laravel-mix 将 bootstrap-vue 加载到 Laravel 5 中?

重新加载发布到 Github 页面的 Vue 网站时出现 404

Vue.js 如果在视图中

包含 Vue 组件的 HTML 字符串的 Nuxt 渲染函数

在找不到图像源时设置替代图像

vue-cli-service build --target lib 导入为 lib 时丢失图像路径

Vue.js react性如何在幕后工作?

vue 未在实例上定义,但在渲染期间引用