JS で CSS 変数を使用する方法:export キーワードを使用して、js オブジェクトを less/scss ファイルにエクスポートします。 $メニューテキスト:#bfcbd9; $メニューアクティブテキスト:#409EFF; $サブメニューアクティブテキスト:#f4f4f5; // $メニューBg:#304156; $メニューBg:#304156; $menuHover:#263445; $サブメニューBg:#1f2d3d; $サブメニューホバー:#001528; $backWhite:#ffffff; $サイドバーの幅: 210px; :輸出 { メニューテキスト: $menuText; メニューアクティブテキスト: $menuActiveText; サブメニューアクティブテキスト: $subMenuActiveText; メニュー背景: $menuBg; メニューホバー: $menuHover; サブメニューBg: $subMenuBg; サブメニューホバー: $subMenuHover; サイドバーの幅: $sideBarWidth; 背景白: $backWhite; } 必要な js ファイルまたはモジュールで参照します。 'index.scss' からスタイルをインポートします console.log(スタイル.menuText) vueファイル 'index.scss' からスタイルをインポートします エクスポートデフォルト{ 計算:{ スタイル(){ 戻りスタイル } } } 実施原則 Webpack: css-loader と組み合わせて、プロジェクトで CSS モジュールを有効にします。 CSS モジュール: CSS モジュールは、スタイルのインポートとエクスポートの問題を解決するために内部的に ICSS を使用します。これらは、新しく追加された 2 つの疑似クラス:import と :export に対応します。 付録: export javascript キーワードJavascript キーワード (予約語) は、Javascript 言語で特定の意味を持ち、Javascript 構文の一部となる単語を指します。 Javascript キーワードは変数名や関数名として使用できません。 Javascript キーワードを変数名または関数名として使用すると、Javascript の読み込みプロセス中にコンパイル エラーが発生します。 Javascript キーワード リスト:
Javascript の将来のキーワード リスト:
要約するJS で CSS 変数を使用する方法についての記事はこれで終わりです。JS で CSS 変数を使用する方法に関するより関連性の高いコンテンツについては、123WORDPRESS.COM で以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 以下もご興味があるかもしれません:
|
<<: nginx を使用して静的リソース サーバーを構築する方法
>>: Nginx で CDN サーバーを構築する方法の詳細な説明 (画像とテキスト)
Windows サーバーでデータベース データを定期的にバックアップする場合は、Windows タス...
導入実稼働環境では、データの損失を回避するために、通常、データベースは定期的にバックアップされます。...
この読書ノートでは、主にファイルシステムに関連する操作を記録します。ディスクとディレクトリの容量ディ...
この記事では主に、MySQL 8.0 ドライバーと Alibaba Druid バージョン間の互換性...
Nginx は、高性能な Web サイト サーバーおよびリバース プロキシ サーバーであり、IMAP...
この記事では、具体的な例を使用して、CentOS 7 から CentOS 8 にアップグレードする方...
序文開発プロセスでは、ブラウザレベルでユーザーが実行した操作を記憶するなど、同様の要件に遭遇すること...
目次スロットなしVue2.x スロットスロット付き名前付きスロットスロット属性なしスロットの簡単なサ...
以下のように表示されます。 def test_write(self): フィールド=[] field...
スレッドが同時に実行される場合、スレッドがリソースを競合してデータの曖昧さが生じるのを防ぐために、重...
目次1. JSの特徴1.1 マルチパラダイム1.2 説明1.3 シングルスレッド1.4 ノンブロッキ...
clip-path CSS プロパティはクリッピングを使用して要素の表示可能領域を作成します。領域内...
最近、私はデザインには階層感覚が必要だと言っています。この階層感覚には、色の重ね合わせや要素の重ね合...
序文実際、クエリ中に結果に番号が付けられるこのような状況に遭遇したことは一度もありません。同僚が転職...
1. 関連する技術的なポイントバイト版ヴュー3 ts統合ルーティングvuexを統合するAxiosを統...