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  492

계산식 표현식을 사용하여 CSS 변수의 계산된 값 가져오기

JavaScript에서는 getPropertyValue(property)를 사용하여 CSS 변수의 값을 가져올 수 있습니다. 이 함수는 :root 블록에 선언된 변수를 검색하는 데 유용합니다. :root{--example-var:50px;} 그러나 이 변수 ​​표현식에 계산식 함수가 포함되어 있으면 getCompulatedStyle을 사용하는 경우에도 getPropertyValue 호출은 표현식을 계산하지 않고 텍스트로 반환합니다. :루트{--e

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

Twig 템플릿에서 CSS 변수와 함께 배경 이미지를 사용해 보세요.

그래서 질문이 있습니다. CSS 변수와 함께 배경 이미지를 사용하고 싶습니다. 내 프로젝트에서는 Twig를 사용하여 SQL 요청을 통해 내 데이터베이스에서 선택한 항목을 반복합니다. 각 기사에는 데이터베이스의 이미지에 대한 상대 링크가 있으므로 웹사이트에서 볼 수 있습니다. 문제는 데이터베이스의 동일한 이미지 링크를 기사 배경으로 사용하고 싶다는 것입니다. 다음과 같은 CSS 변수를 사용해 보았습니다. div.liste{position:relative;display:flex; background-image:v

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

SCSS를 사용하여 기본값 및 CSS 변수 생성

웹사이트 스타일링을 구현하고 있습니다. 레거시 지원상의 이유로 적어도 한동안은 IE11을 지원해야 합니다. 작업 흐름과 제정신의 이유로 가능할 때마다 CSS 변수를 사용하고 싶습니다. 나는 이 솔루션을 조사한 결과 작동하는 것을 생성하지만 사용하기에는 다소 장황합니다. 내 목표는 CSS 변수로 즉시 덮어쓰여지는 하드코딩된 값으로 끝나는 것입니다. 이렇게 하면 모든 사람을 위한 기본 테마를 추가하고 CSS 변수를 지원하는 브라우저에 대해 다른 테마(예: 어두운 모드)를 추가할 수 있습니다. 분명히 이 모든 것을 직접 작성할 필요는 없...

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

VueJS에서 JS 정의 이름을 CSS 변수로 사용하는 솔루션입니다.

저는 각 테마 색상에 대한 CSS 변수를 생성하는 Vuetify를 사용하고 있습니다(예: --v-theme-primary). CSS에서 색상을 --v-theme-{something}으로 설정하고 JS에서 {something} 값을 가져오길 원합니다. 예: Asdconst color = ref("primary").color-text {배경색: var(--v-theme-[[

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

ASP와 PHP를 사용하여 Cookies 변수 aa의 값을 각각 변수 y에 저장합니다.

각각 ASP와 PHP를 사용하여 쿠키 변수 aa의 값을 변수 y에 저장합니다. ASP와 PHP를 각각 사용하여 쿠키 변수 aa의 값을 변수 y에 저장합니다. . ASP와 PHP를 사용하여 Cookies 변수 aa의 값을 변수 y에 저장합니다.

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

변수를 이미지 src로 사용하는 방법 - 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  597

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  700

PHP 버튼을 사용하여 다른 페이지에 변수 게시

버튼을 사용하여 PHP의 한 페이지에서 다른 페이지로 변수를 게시하려고합니다. "Class" 테이블에서 "Class" 변수를 검색하여 viewmembers.php 페이지에 게시하고 싶지만 어떻게 해야 할지 모르겠습니다. 코드는 다음과 같습니다. <?phpsession_start();include_once('connection.php');$stmt=$conn->prepare("SELECT*FROMc

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

PHP에서 JavaScript를 사용하여 세션 변수 설정

Javascript를 사용하여 PHP 세션 변수를 설정할 수 있습니까?

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

자바스크립트를 사용하여 PHP에서 세션 변수 설정

Javascript를 사용하여 PHP 세션 변수를 설정할 수 있습니까?

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

JavaScript 및 CSS를 사용한 자동 배경 변경에 대한 추가 연습

이전 질문에서 (Jan)의 도움으로 자동 배경 변경 문제를 해결했습니다. 내 이전 질문: JavaScript 및 CSS를 사용하여 자동 배경 변경을 구현하지만 배경이 변경되면 색상의 점프가 표시되고 색상 변경이 원활하고 천천히 발생하기를 원합니다. vari=0;functionchangeBackgroundColor(){varBackground=document.getElementById("배경&quo

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

JavaScript를 사용하여 HTML 페이지 간에 변수 전달

"페이지 1"과 "페이지 2"라는 두 페이지가 있습니다. 1페이지에는 예를 들어 100이라는 값을 가진 텍스트 상자와 버튼이 있습니다. 버튼을 누르면 JavaScript가 텍스트 상자의 값을 전역 변수에 저장하고 2페이지로 이동하도록 하고 싶습니다. "window.onload"를 사용하여 두 번째 JavaScript 함수를 사용하여 1페이지에 저장된 값을 표시하고 싶습니다. 내 JavaScript 코드는 다음과 같습니다. &lt;scriptt

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

javascript - jquery 객체를 jquery 변수로 정의한 후 사용방법 : gt 이 (표현식에 문제가 있을 수 있음)

$("li:gt(2)") 를 사용할 수 있지만 오래 전에 jquery 변수가 XX로 변환된 다음 사용되는 것을 보았습니다. var $li=$("li") 와 같은 gt(2), $li 변수를 기반으로 하는 gt(2)를 사용해야 합니다. 제가 말하는 내용을 이해하셨는지 모르겠습니다. 긴급하게 답변을 찾고 있습니다.

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

모바일 키보드를 사용하여 HTML 입력 필드에서 String.fromCharCode 함수를 사용하는 방법

키보드 키 코드를 캡처하여 문자로 변환하고 싶습니다. String.fromCharCodejavascript 함수를 사용하고 있지만 모바일 키보드가 아닌 컴퓨터 키보드에서만 작동합니다. 어떤 도움이라도 대단히 감사하겠습니다. $(".inputsmeter").keyup(function(e){letkey=e.which;letc=String.fromCharCode(key);alert(c);});

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

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  591

환경 변수를 사용하여 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  949

CSS를 사용한 NVG 효과

CSS를 사용하여 NVG 효과를 만들려고 하는데 어디서부터 시작해야 할지, 네온 효과와 노이즈 효과 등을 추가하는 방법을 모르겠습니다. 누구든지 팁을 알고 있거나 유사한 것을 시도한 경우 안내해 주세요. 감사합니다 <3

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

변수 값 대신 변수 이름을 개체 속성의 키로 사용하는 이유는 무엇입니까?

typeTableId=string;인 Record 개체를 사용하려고 합니다. 그러나 setTableStateMap(map)을 통해 키/값 쌍을 설정한 후 레코드 개체의 내용을 인쇄하면... 'id'에 전달한 값 대신 {id:{...}} 개체를 얻습니다. 변하기 쉬운. //App.tsx------------------- React.useEffect(() =>{setCal

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

상수 이름이 포함된 간단한 변수를 사용하여 클래스 상수에 액세스

내 클래스 중 하나에서 클래스 상수에 액세스하려고 합니다. constMY_CONST="value"; 다음과 같이 이 상수의 이름을 보유하는 변수가 있는 경우: $myVar="MY_CONST"; MY_CONST의 값은 무엇입니까? self::$myVar 이는 정적 속성에 대한 것이므로 분명히 작동하지 않습니다. 또한 가변 변수도 작동하지 않습니다.

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