首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >PrimeFlex在角版本13上没有正常工作

PrimeFlex在角版本13上没有正常工作
EN

Stack Overflow用户
提问于 2022-04-02 18:52:15
回答 1查看 404关注 0票数 2

我用的是“@角/cli”:"~13.3.0","primeflex":"^3.1.3",

我已经安装好了

代码语言:javascript
运行
复制
npm install primeflex --save

然后添加到angular.json文件中。

代码语言:javascript
运行
复制
      "node_modules/primeflex/primeflex.css"

我的Html如下:

代码语言:javascript
运行
复制
<div class="card">
<div class="card-container yellow-container overflow-hidden">
<div class="flex">
<div class="flex align-items-center justify-content-center bg-yellow-500 font-bold text-gray-900 m-2 px-5 py-3 border-round">Prime</div>
<div class="flex align-items-center justify-content-center bg-yellow-500 font-bold text-gray-900 m-2 px-5 py-3 border-round">Prime and PrimeFlex</div>
<div class="flex align-items-center justify-content-center bg-yellow-500 font-bold text-gray-900 m-2 px-5 py-3 border-round">Lorem ipsum dolor sit amet</div>
</div>
<div class="flex">
<div class="flex-1 flex align-items-center justify-content-center bg-yellow-500 font-bold text-gray-900 m-2 px-5 py-3 border-round">Prime</div>
<div class="flex-1 flex align-items-center justify-content-center bg-yellow-500 font-bold text-gray-900 m-2 px-5 py-3 border-round">Prime and PrimeFlex</div>
<div class="flex-1 flex align-items-center justify-content-center bg-yellow-500 font-bold text-gray-900 m-2 px-5 py-3 border-round">Lorem ipsum dolor sit amet</div>
</div>
</div>
</div>

但是,div对齐正确,没有颜色和样式,具体如下:

在这里输入图像描述

知道会有什么问题吗?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-04-02 22:28:12

您的代码正在工作,但缺少一个主题,这就是为什么您可以看到间隔,但没有颜色。

我被困了一段时间,然后在文档上读到它不带颜色,所以您需要添加一个主题,在添加一个主题之后,您可以在这里看到颜色https://stackblitz.com/edit/angular-ivy-gtnzrg?file=src%2Fstyles.css

但是在index.css上增加了我的

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/71720337

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档