Materialize CSS/components in Ionic/Vue与Ionic互换使用materialize？
Materialize CSS/components in Ionic/Vue与Ionic互换使用materialize？
提问于 2019-06-22 12:42:27
如果我在@ ionic /vue源代码的index.html头中放置materialize css链接，我是否能够在vue和ionic组件中/在vue和ionic组件中使用这些css类样式？它会覆盖Ionic组件的默认样式吗？
回答 2
Stack Overflow用户
回答已采纳
发布于 2019-06-23 07:30:21
不，添加materialize不会覆盖离子组件。需要预定义材质组件。
http://ionicmaterial.com/
Stack Overflow用户
发布于 2019-06-25 04:54:24
我成功地在Vue/Ionic中实现了Materialize，另一个答案仍然是正确的，因为我没有考虑Ionic组件和使用普通html(div)组件以及仍然在使用Materialize类标记的html组件上使用Vue和Ionic函数之间的区别。
我只是在项目的根目录中设置了一个sass文件夹，并设置了我的预处理器来将输出保存到/src/assets/文件夹。然后，我将导入添加到main.js：
import Vue from 'vue';
import App from './App.vue';
import router from './router';
import Ionic from '@ionic/vue';
import '@ionic/core/css/ionic.bundle.css';
import './assets/materialize.min.css';
import './assets/materialize.min.js';然后，我在/public/index.html文件中添加了html导入：
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="<%= BASE_URL %>materialize.min.css" rel="stylesheet">
<title>CIWI</title>
</head>
<body>
<noscript>
<strong>We're sorry but CIWI doesn't work properly without JavaScript enabled. Please enable it to
continue.</strong>
</noscript>
<div id="app"></div>
<!-- built files will be auto injected -->
<script src="<%= BASE_URL %>materialize.min.js"></script>
</body>
</html>现在，当我创建组件时，我可以通过添加materialize类来选择使用materialize组件和主题，而不是Ionic的。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56712649
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号