1

Prime React に使用されるデフォルトの「Nova」テーマをオーバーライドするための最適なソリューションを見つけようとしています。彼らが購入できるテーマデザイナーを持っていることは承知していますが、理想的にはそれを使用したくない. 以前は、反応アプリケーションのすべての tsx ファイルに scss ファイルがありました。私は次のような行を使用していました-

.p-dropdown-trigger {
   background-color: brown !important;
   margin-left: 5px !important;
}

私は基本的に !important をどこにでも置いていましたが、非常に面倒になり始めました。index.tsx ファイルで Prime React テーマのインポートをコメントアウトすることを考えました

// import 'primereact/resources/themes/nova/theme.css';

代わりに自分のscssをインポートします..

import './styles/Override.scss';

これにより、スタイリングが完全に消え、ページは純粋な html のように見えます。Nova テーマ ファイルからすべてのコードをコピーし、オーバーライド ファイルでゆっくりと調整を開始する必要があるのではないかと考えています。

誰かがより良い方法やアイデアを持っていますか?

ありがとう

4

3 に答える 3

0

うーん、codesandbox.io などのより多くのコードにアクセスできれば、もっと役立つかもしれません。

モジュラーCSSソリューションを試してみませんか? Styled-jsx や Styled-Components が好きですか?

styled-components を使用したい場合は、この回答が役に立ちます。PrimeReact とスタイル付きコンポーネント

別の解決策として、独自のスタイルシート (HTML 内) の前にスタイルシートを PrimeReact にリンクすることが考えられます。このソリューションでは、webpack によるスタイルの実装を詳細に分析する必要があります。

私が何とか助けてくれることを願っています:)

于 2020-09-01T16:16:41.783 に答える