VueJS/Tailwind CSS/VITE: Tailwind テーマの色として環境変数を使用する

Vite、TailwindCSS、postcss を使用した VueJS セットアップがあり、コードがデプロイされる場所に応じて異なるカラーテーマを適用できるように、.env.name ファイル内の変数を使用して異なる色を定義したいと考えています。 VITE_COLOR="FF0000" を含む .env ファイルを使用して、tailwind.config.js にインポートしてみました...theme:{colors:{primary:import.meta.env.COL

P粉174151913 2023-08-26 14:31:22 0  1  490

計算に似た式を使用して CSS 変数の計算値を取得します

JavaScript では、getPropertyValue(property) を使用して CSS 変数の値を取得できます。この関数は、:root ブロックで宣言された変数を取得するのに役立ちます。 :root{--example-var:50px;} ただし、この変数式に calc のような関数が含まれている場合、getCompulatedStyle を使用している場合でも、getPropertyValue 呼び出しは式を計算せずにテキストとして返します。 :root{--e

P粉111627787 2023-10-25 09:39:36 1  2  1076

Twig テンプレートの CSS 変数で背景画像を使用してみる

そこで質問があります。 CSS 変数で背景画像を使用したいのですが、プロジェクトでは Twig を使用して、SQL リクエストを介してデータベースから選択された記事をループしています。各記事にはデータベース内の画像への相対リンクが付いているので、Web サイト上で見ることができます。問題は、データベースからの同じ画像リンクを記事の背景として使用したいことです。次のような CSS 変数を使用してみました: div.liste{position:relative;display:flex;background-image:v

P粉083785014 2023-09-04 12:41:18 0  1  551

SCSSを使用してデフォルト値とCSS変数を生成する

ウェブサイトのスタイリングを実装しています。レガシー サポートの理由から、少なくともしばらくの間は IE11 をサポートする必要があります。ワークフローと私の健全性の理由から、私は可能な限り CSS 変数を使用したいと考えています。このソリューションを調べたところ、機能するものは生成されますが、使用するとかなり冗長になります。私の目標は、CSS 変数によってすぐに上書きされるハードコードされた値を最終的に得ることです。このようにして、全員にデフォルトのテーマを追加したり、CSS 変数をサポートするブラウザーに別のテーマ (ダーク モードなど) を追加したりできます。もちろん、これをすべて自分で...

P粉295616170 2024-04-06 17:46:54 0  1  615

VueJS で JS 定義の名前を CSS 変数として使用するためのソリューション。

私はテーマカラーごとに CSS 変数を作成する Vuetify を使用しています (--v-theme-primary など)。 CSS で色を --v-theme-{something} に設定し、{something} の値を JS から取得できるようにしたいと考えています。例: Asdconst color = ref("primary").coloured-text {background-color: var(--v-theme-[[

P粉333395496 2023-08-03 20:20:26 0  1  650

ASP と PHP を使用して、Cookie 変数 aa の値を変数 y にそれぞれ保存します。

ASP と PHP をそれぞれ使用して、Cookie 変数 aa の値を変数 y に格納します。ASP と PHP をそれぞれ使用して、Cookie 変数 aa の値を変数 y に格納します。ASP と PHP をそれぞれ使用して、Cookie 変数 aa の値を変数 y に格納します. ASP と PHP を使用して、Cookie 変数 aa の値を変数 y に保存します。

有为鱼 2019-02-24 11:28:18 0  0  886

変数を画像ソースとして使用する方法 - vue.js

私は Vue を初めて使用しており、HTML と CSS を実行しています。変数を画像のディレクトリとして使用したいのですが、画像がロードされず、変数は有効な tauri 関数によって更新されており、画像も変更する必要があります。これは私のコードです <template><imgv-bind:src=getimg()>--and--<img:src={{data}}}>--and--<imgsrc={{data}} >--その他

P粉148434742 2023-12-29 16:42:56 0  1  592

CSS変数のコンテキストでSASS rgba関数を使用しますか?

コンテキストが CSS 変数宣言の値側である場合、SASSrgba で rgba(#4caf50,0.1) を rgba(76,175,80,0.1) に変換するにはどうすればよいでしょうか?わかりやすくするために、例を示します: $green:#4caf50;$green-rgba:rgba($green,0.1);@debug$green-rgba;//rgba(76,175,80,0.1) @debug ステートメントは rgba をログに記録します。 (76,175,80,0.1)、これ

P粉476046165 2023-09-16 10:15:44 0  1  687

PHPボタンを使用して変数を別のページに投稿します

ボタンを使用してPHPであるページから別のページに変数を投稿しようとしています。テーブル「Class」から変数「Class」を取得し、それを viewmembers.php ページに POST したいのですが、その方法がわかりません。これはコードです: <?phpsession_start();include_once('connection.php');$stmt=$conn->prepare("SELECT*FROMc

P粉073857911 2024-03-19 22:30:42 0  1  375

PHP で JavaScript を使用してセッション変数を設定する

Javascriptを使用してPHPセッション変数を設定することはできますか?

P粉515066518 2023-08-22 00:46:44 0  2  423

JavaScriptを使用してPHPでセッション変数を設定する

Javascriptを使用してPHPセッション変数を設定することはできますか?

P粉191323236 2024-03-27 15:52:11 0  2  512

JavaScript と CSS を使用した背景の自動変更についてさらに練習します。

前回の質問では、(Jan) の助けを借りて、背景の自動変更の問題を解決しました。私の前の質問: JavaScript と CSS を使用して背景の自動変更を実装していますが、背景が変更されると色のジャンプが目に見えて、色の変更をシームレスかつゆっくりと実行したいと考えています。 vari=0;functionchangeBackgroundColor(){varbackground=document.getElementById("背景"

P粉875565683 2023-08-15 16:52:20 0  2  574

JavaScript を使用して HTML ページ間で変数を渡す

「ページ 1」と「ページ 2」の 2 つのページがあります。 1 ページ目には、たとえば 100 という値が設定されたテキスト ボックスとボタンがあります。ボタンが押されたときに、JavaScript でテキストボックスの値をグローバル変数に保存し、ページ 2 にジャンプするようにしたいと考えています。 「window.onload」を使用して、2 番目の JavaScript 関数でページ 1 に保存された値をポップします。これは私の JavaScript コードです: &lt;scriptt

P粉757432491 2023-08-21 22:08:28 0  2  486

javascript - jqueryオブジェクトをjquery変数として定義した後の使用方法: gt this (式に問題がある可能性があります)

$("li:gt(2)") も使用できますが、昔、jquery 変数が XX に変換されて使用されているのを見ました: gt(2)、たとえば var $li=$("li") 、 $li 変数に基づいて gt(2) を使用する必要があります。私がこれをずっと前に書いたので、私が急いで答えを探しています。

黄舟 2017-05-16 13:35:42 0  2  632

モバイルキーボードを使用したHTML入力フィールドでのString.fromCharCode関数の使用方法

キーボードのキーコードをキャプチャして文字に変換したい。 String.fromCharCodejavascript関数を使用していますが、コンピュータのキーボードでのみ機能し、モバイルのキーボードでは機能しません。ご協力をいただければ幸いです。 $(".inputsmeter").keyup(function(e){letkey=e.what;letc=String.fromCharCode(key);alert(c);});

P粉896751037 2023-09-01 09:45:04 0  1  766

Cypress で Vite を使用して環境変数を設定する

私は Vite と Cypress で VueJs3 を使用しています。私のアプリケーションには、URL を定義する環境変数があります: consturl=import.meta.env.VITE_URL 私の目標は、Cypress でこの VITE_URL を置き換えることです。 cypress.env.json ファイルを作成して、{"VITE_URL":"https://...",} と記述してみましたが、うまくいきませんでした。

P粉787934476 2023-12-20 08:40:07 0  2  587

環境変数を使用して React プロジェクトに関数を実装するにはどうすればよいですか?

API キーを環境変数として保存しようとしていますが、アクセス方法がわかりません... npm を使用して dotenv をインストールし、ルート ディレクトリにファイルを作成し、そこにキーを置きました。 process.env.API_KEYを使用してjsファイルでアクセスしようとしましたが、変数が未定義であることが表示されます。キーが必要なファイルの先頭に require('dotenv').config() を配置しようとしましたが、エラーが発生しました...ERRORin./node_modules/dotenv

P粉268284930 2023-09-16 13:18:15 0  1  932

CSSを使用したNVG効果

CSS を使用して NVG エフェクトを作成しようとしていますが、どこから始めて、グローやノイズのエフェクトなどを追加する方法がわかりません。誰かが何かヒントを知っているか、同様のことを試したことがある場合は、私をガイドしてください、ありがとう<3

P粉832490510 2024-02-26 20:37:50 0  2  415

オブジェクト プロパティのキーとして変数値ではなく変数名を使用するのはなぜですか?

typeTableId=string; の Record オブジェクトを使用しようとしています。ただし、setTableStateMap(map) でキーと値のペアを設定した後にレコード オブジェクトの内容を出力すると、「id」に渡した値の代わりにオブジェクト {id:{...}} が取得されます。変数。 //App.tsx----------------------------------------------- React.useEffect(() =>{setCal

P粉129168206 2023-08-15 14:11:32 0  1  492

定数名を含む単純な変数を使用してクラス定数にアクセスする

私のクラスの 1 つでクラス定数にアクセスしようとしています: constMY_CONST="value"; 次のようにこの定数の名前を保持する変数がある場合: $myVar="MY_CONST"; 何らかの方法でそれにアクセスできます。 MY_CONSTの値は何ですか? self::$myVar これは静的プロパティ用であるため、明らかに機能しません。また、可変変数も機能しません。

P粉691461301 2023-10-20 14:57:01 0  2  628