【问题标题】:PrimeFlex not working properly on Angular version 13PrimeFlex 在 Angular 版本 13 上无法正常工作
【发布时间】:2022-09-28 07:50:54
【问题描述】:

我正在使用 \"@angular/cli\": \"~13.3.0\", \"primeflex\": \"^3.1.3\",

我已经完成了安装

npm install primeflex --save

然后添加到 angular.json 文件中

      \"node_modules/primeflex/primeflex.css\"
 

我的HTML如下:

<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 正确对齐,但没有颜色和样式,如下所示:

enter image description here

知道会是什么问题吗?

    标签: angular angular13 primeflex


    【解决方案1】:

    您的代码正在运行但缺少主题,这就是您可以看到间距但没有颜色的原因

    我卡了一会儿,然后在docs上看到它没有颜色,所以你需要添加一个主题,添加一个之后你可以在这里看到颜色https://stackblitz.com/edit/angular-ivy-gtnzrg?file=src%2Fstyles.css

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

    【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2023-02-17
    • 2012-06-19
    • 2022-11-14
    • 2017-03-10
    • 1970-01-01
    • 2015-10-25
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多