Angular 清晰设计系统CSS don';行不通
我在这篇文章上做了所有的事情,但我不能让它工作。 我在一个新的爱奥尼亚项目上安装了Clarity UI,但当我尝试添加一个简单的卡片示例或其他任何内容时:Angular 清晰设计系统CSS don';行不通,angular,ionic2,vmware-clarity,Angular,Ionic2,Vmware Clarity,我在这篇文章上做了所有的事情,但我不能让它工作。 我在一个新的爱奥尼亚项目上安装了Clarity UI,但当我尝试添加一个简单的卡片示例或其他任何内容时: <div class="row"> <div class="col-lg-5 col-md-8 col-sm-12 col-xs-12"> <div class="card"> <div class="card-header"> Header
<div class="row">
<div class="col-lg-5 col-md-8 col-sm-12 col-xs-12">
<div class="card">
<div class="card-header">
Header
</div>
<div class="card-block">
<div class="card-title">
Block
</div>
<div class="card-text">
...
</div>
</div>
<div class="card-footer">
<button class="btn btn-sm btn-link">Footer Action 1</button>
<button class="btn btn-sm btn-link">Footer Action 2</button>
</div>
</div>
</div>
标题
块
...
页脚操作1
页脚操作2
CSS没有起作用。
这就是它的样子
我错过了什么?CSS和JS文件无法被以下内容引用:
<link rel="stylesheet" href="path/to/node_modules/clarity-ui/clarity-ui.min.css">
我是新一代使用Ionic2+Angular的人,而且我是新一代使用Clarity的人,再次感谢Philip!!我读了这篇文章,终于找到了这个文件{{ROOT}\node\u modules\@ionic\app scripts\config\copy.config.js,我在其中添加了以下内容:
copyClarityIcons: {
src: ['{{ROOT}}/node_modules/clarity-icons/clarity-icons.min.css'],
dest: '{{WWW}}/assets/css'
},
copyClarityElements: {
src: ['{{ROOT}}/node_modules/@webcomponents/custom-elements/custom-elements.min.js','{{ROOT}}/node_modules/clarity-icons/clarity-icons.min.js'],
dest: '{{WWW}}/assets/js'
},
copyClarityCSS: {
src: ['{{ROOT}}/node_modules/clarity-ui/clarity-ui.min.css'],
dest: '{{WWW}}/assets/css'
}
它起作用了 欢迎光临!请阅读这篇文章来帮助我们帮助你。我们需要了解你具体做了什么以及错误是什么。你是对的,菲利普,对不起。我添加了一些附加信息。我只是遵循这个教程,我发现的任何其他内容都是相同的信息。我没有使用清晰度,但过程可能类似于使用字体。看一看,看看它是否可以为这个清晰的东西的css部分增加。再次感谢Philip!!我终于找到了这个