활성 탭이 변경되면 이미지 아이콘 변경

현재 이미지 아이콘과 텍스트가 포함된 4개의 탭이 있는 v-tab이 있습니다. 그러나 탭이 활성화되면 활성 탭 아이콘이 다른 이미지로 변경되어야 합니다. 어떻게 해야 합니까? <v-tabsv-model="tabs"class="tabs-menu"><v-tabv-for="iteminiitems":key="item.id">&

P粉448130258 2023-08-29 18:55:29 0  1  595

페이지의 HTML 요소를 탐색하려면 Tab 키를 사용하세요.

탭 키를 사용하는 HTML 페이지에서 탭 키를 사용하여 스크롤할 수 없습니다. 다음은 "테이블을 업데이트할 수 없습니다." 팝업이 열릴 때 탭을 찾아보려는 페이지의 사진입니다. 저는 그것을 클릭하고 탭을 눌렀습니다. 탭을 처음 누르면 초점이 그림의 화살표 요소로 이동합니다. 하지만 다음에 탭을 누르면 Page3 요소로 이동합니다. 위쪽 화살표 아이콘은 HTML에서 선택된 <i 태그이고 다음 <i 태그는 x 버튼입니다. 어떤 이유로 두 번째 <i 태그를 건너뛰고 탭 키가 두 번째로 나타날 때 x 버튼...

P粉106301763 2024-02-03 21:30:59 0  1  446

Wordpress - 이미지 제목이 존재합니다 - Gutenberg가 자동으로 제목을 가져오지 않습니다.

이 질문을 하기 전에 오전 10시부터 오후 20시까지 9시간 동안 결제했습니다 :( 다 시도해봤는데... 운이 없더군요. 이미지의 정보는 대체 텍스트, 제목, 캡션, 설명 구텐베르그 편집기는 대체 텍스트, 이미지 제목을 가져올 수 있지만 고급->제목 속성 탭에 "제목"이 없습니다. 수동으로 다시 작성하지 않고 구텐베르크가 이미지 post_id에서 제목을 가져오도록 하려면 어떻게 해야 합니까?

P粉823268006 2024-01-16 21:17:02 0  1  466

슬라이딩 검증은 어떻게 하나요?

요즘에는 많은 웹사이트에서 이전 인증 코드 입력을 대체하기 위해 등록 양식 아래에 슬라이딩 인증을 제공하고 있는데, 작은 아이콘을 큰 그림의 해당 위치로 슬라이드하면 인증을 통과하게 됩니다.

朱 2019-08-17 04:43:08 0  1  1449

변환된 요소가 넘치는 것을 방지하고 자동으로 잘라내는 방법은 무엇입니까?

저는 친구의 개인 웹사이트를 위한 모달 갤러리를 만들기 위해 Bootstrap4를 사용하고 있습니다. 마우스를 올리면 이미지가 확장되도록 설정했지만 오버플로를 자동으로 설정하면 모달(또는 div) 가장자리에서 잘립니다. 갤러리는 탭 집합의 세 번째 탭이기도 하지만 모두 훌륭하게 작동합니다. Overflow-auto 클래스가 있는 div를 변경하려고 시도했지만 모두 다르게 태그를 지정해 보았지만 무엇을 시도해도 갤러리가 스크롤되고 내 이미지가 스크롤되도록 만드는 방법을 알 수 없습니다. 마우스 오버 시 흐려지지 않습니다. 잘라냅니다....

P粉242535777 2023-09-07 20:04:02 0  1  573

Vue 3는 Props를 기반으로 동적으로 가져옵니다.

아이콘 구성 요소를 생성하기 위해 unplugin-icon을 사용하고 있습니다. 일반적으로 //scriptimportIconCopyfrom'~icons/prime/copy'//template<IconCopy/> 등을 가져올 수 있으며 작동하지만 다른 아이콘을 사용하려면 다음과 같은 느낌이 들었습니다. 하나씩 import하기 불편해서 Eunoicon.vue<scriptsetup>constprops라는 동적 컴포넌트를 만들었습니다.

P粉388945432 2023-11-16 11:40:01 0  1  847

바닐라 JS setTimeout(): 잘못된 동작 식별

HTML, CSS 및 바닐라 JavaScript로 작성된 햄버거 메뉴에 애니메이션이 있습니다. 예상 결과 햄버거 메뉴 버튼을 클릭하면 다음 이벤트가 발생해야 합니다. 햄버거 메뉴 아이콘을 클릭하면 메인이 180° 회전하고 2000ms에서 높이를 따라 축소됩니다. 2000ms가 지나면 메뉴가 나타나고 햄버거 아이콘이 X로 변경됩니다. 종료 버튼을 클릭하면 페이지가 180° 회전합니다. 메뉴 오버레이 메뉴 숨기기: 표시: 없음 종료 버튼을 다시 햄버거 아이콘으로 변환합니다. 실제로 발생하는 문제는 12-14행에 있습니다.

P粉797855790 2024-04-02 20:44:40 0  1  422

javascript - 캔버스 게임을 만들었습니다. 지도 카메라가 지도 개체를 확대하면 fps가 매우 멈추고 애니메이션이 원활하지 않습니다. 이 문제를 어떻게 해결할 수 있습니까?

캔버스인 카메라를 확대하는 데 사용되는 CSS가 불안정해질 수 있습니다. 어떻게 해야 합니까?

女神的闺蜜爱上我 2017-07-05 11:03:02 0  2  942

다음 js는 일부 모바일 장치에서 구성 요소의 텍스트가 흐려집니다.

제목에서 알 수 있듯이 nextjs 페이지의 일부 텍스트가 흐릿하게 보이지만 일부 모바일 장치에서는 온라인으로 보이는 문제가 여전히 발생합니다. 나는 일부 iPhone에서 이것을 가장 눈에 띄게 발견했습니다. 콘솔을 사용하여 모바일 레이아웃을 테스트하는 경우 모바일 장치의 경우에도 마찬가지입니다. 이것은 내 페이지에 있는 두 가지 구성 요소의 문제일 뿐입니다. 두 카드를 뒤집어 뒷면을 볼 수 있습니다. 또한 Framermotion을 사용하여 애니메이션을 적용했습니다. 스타일 지정은 Tailwind를 통해 수행되며 페이지의 다른 부분...

P粉329425839 2023-09-12 21:31:00 0  1  629

CSS 행 클래스는 특정 요소를 프레임 밖으로 내보내는 동시에 정적이고 디스플레이 하단에 고정되어야 합니다.

현재 내 페이지는 다음과 같습니다. 두 요소가 서로 옆에 있도록 행 클래스를 추가한 후 하단 탐색 모음이 스크롤해야 하는 위치로 푸시됩니다. 여기에서 행 요소가 없는 다른 페이지를 볼 수 있습니다. 탐색 링크는 디스플레이 하단에 완벽하게 고정되어 있습니다(식물 및 방 탐색 요소는 알림 탭(이미지 1)에 있어서는 안 되므로 이 요소를 무시합니다 이미지 2). 페이지가 스크롤 가능하고 내 탐색바가 올바른 위치에 유지되지만 요소의 윤곽이 올바르지 않습니다. 모든 녹색 상자 디스플레이는 편집 및 삭제 버튼과 함께 서로 포개져 표시되어야 합...

P粉156415696 2024-04-03 18:48:12 0  1  406

HTML, CSS 및 SVG를 사용하여 확장 가능한 표지판 만들기

표지판(팁이 있는 직사각형) 형태의 버튼을 만들고 싶습니다. ________|\|_______/각 텍스트의 길이가 다른 텍스트를 로고에 동적으로 쓰고 싶습니다. 그래픽만 배경 그래픽으로 사용하여 이 작업을 시도하면 그에 따라 화살표의 크기가 조정되고 압축/늘어납니다. 따라서 이를 수행하는 방법은 텍스트를 일반 div에 넣고 CSS:after를 사용하여 화살표를 SVG로 추가하는 것입니다. 화살표는 완전히 채워져야 합니다. 즉, 프레이밍 문제를 다룰 필요가 없습니다. (가시성을 높이기 위해 SVG를 검정색으로 남겨 두었습니다.) 첫 ...

P粉555682718 2024-03-31 14:45:14 0  1  439

WooCommerce 명확한 변형 링크를 장바구니 버튼에 추가하도록 이동

제품 변형을 선택할 때 지우기 옵션이 표시되지 않도록 테마의 PHP 파일에서 "지우기" 링크를 제거했습니다. 이제 목표의 일부였던 링크는 사라졌지만, 지우기 링크는 여전히 장바구니에 추가 버튼에 영향을 미치며 제품 변형이 선택되면 약 30픽셀 아래로 이동합니다. 저는 WooCommerce 플러그인의 변형 샘플을 사용하여 제품 변형에 대한 버튼 모양을 구현하고 있습니다. 변형 샘플 플러그인을 사용하지 않을 경우 목록 오른쪽에 명확한 링크가 표시되지만, 플러그인을 사용하면 아래에 링크가 표시됩니다. 여기에 사진을 삽입...

P粉018653751 2024-02-21 15:13:11 0  1  462

문제 2003(HY000) 해결 방법: MySQL 서버 'db_mysql:3306'에 연결할 수 없습니다(111).

최근에 FastAPIPython 서버를 컨테이너화하려고 했습니다(복제/배가 목적으로도). 이전에는 Docker 컨테이너에 MySQL 서버만 있으면 모든 것이 괜찮았지만 웹 서버도 서비스로 만들었을 때 MySQL 서버에 연결할 수 없어 이제는 애플리케이션이 작동하지 않습니다. 다음은 fromfastapiimportFastAPIimportmysql.connectorapp 애플리케이션에 있는 서버 데이터베이스 초기화 커넥터의 코드 조각입니다.

P粉178132828 2023-09-05 11:18:47 0  1  759

쿼리 제한 후 정렬 실험

이것이 나의 첫 번째 질문입니다. 문제가 있으면 용서해 주십시오. 제약 조건을 기반으로 정렬 쿼리를 만들려고 합니다. 따라서 90개의 레코드가 있는 Customers 테이블이 있습니다. 먼저 3개의 레코드로 제한된 쿼리를 수행한 다음 ContactName이라는 열을 기준으로 이 쿼리의 결과를 정렬하려고 합니다. 내 생각에 이것은 중첩된 쿼리일 수 있습니다. 중첩 쿼리는 SQLServer에서 잘 실행되지만 MySQL에서 구현하는 방법을 모릅니다. 제한 쿼리: Select*fromcustomerslimit

P粉237125700 2023-09-05 14:46:42 0  1  695

CSS 그리드: 하위 콘텐츠가 열 너비를 초과할 때 새 행 생성

CSS 그리드를 기반으로 하는 두 개의 열 레이아웃이 있습니다. 두 번째 열의 내용이 1fr을 초과하면 새 행을 만들고 싶습니다. 현재로서는 내용이 단순히 열을 넘치게 됩니다. 이 레이아웃의 요구 사항 중 하나는 오른쪽 메뉴 열의 항목이 한 행에 있어야 한다는 것입니다. .right-menu{...grid-auto-flow:columndense;...}를 사용하여 이를 달성합니다. Grid-auto-flow 속성을 제거하면 오버플로가 중지됩니다. 그러나 항목이 이제 여러 행으로 쌓여 있어 내가 원하는 것이 아닙니다. .ri 변환도 ...

P粉212114661 2023-09-05 15:18:28 0  1  590

AND, OR 및 NOT 연산자를 사용한 PHP 전체 텍스트 검색 기능

초보자 질문: PHP와 eloquent를 사용하여 검색 문자열에 대한 전체 텍스트 검색을 구현하려고 합니다. $searchstring="+(피해자)+범죄-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

P粉076987386 2023-09-05 15:06:32 0  1  543

모든 PHP 유형을 문자열로 변환하는 가장 짧은 방법

나는 언젠가 의학과 같은 분야에 적용될 수 있기를 바라는 일반 시스템(즉, "과학적")을 작성하고 있습니다. 내 생각에 가장 좋은 방법은 PHP의 모든 데이터를 문자열로 표현하는 것입니다(true는 "true", false는 "false" 등). 그 이유는 PHP에서 모든 값은 고유한 문자열 표현(예: PHP 코드 자체)을 갖기 때문입니다. 이 프로그램의 설계 속도를 높이기 위해 이 질문을 게시합니다. 숫자, 부울 등 일부 값은 쉽게 문자열로 변환됩니다. 개체, 배열, 리소스 등...

P粉369196603 2023-09-05 15:34:44 0  1  974

다른 열을 기준으로 그룹화하면서 MySQL에서 DATETIME 열의 평균을 얻는 방법

다음 쿼리를 사용하여 MySQL 테이블을 생성하고 채우고 있습니다. SETtime_zone='+00:00';CREATETABLEtimestamp_n_datetime(idINT,timeDATETIME,avg_timeDATETIME);INSERTINTOtimestamp_n_datetime(id,time,avg_time)VALUES("1","2023-01 -0310:

P粉460377540 2023-09-05 11:46:21 0  1  492

다중 장치(휴대폰) 동기화 - React Native

모든 사용자의 모바일 장치에서 동시에 실행되는 Lightshow를 만들려고 합니다(최대 2000-3000명의 사용자가 있을 수 있음). 모든 사용자는 인터넷(Wi-Fi 또는 모바일 데이터)을 사용합니다. FE에서는 구독을 위해 Apollo를 사용하는데 이는 정말 매력적입니다. 하지만 문제는 사용자 A가 사용자 B보다 더 빨리 구독 이벤트를 얻을 수 있다는 것입니다. 이는 사용자 A가 사용자 B보다 먼저 게임을 시작한다는 것을 의미합니다. 이는 우리가 라이트쇼 아키텍처를 사용하고 사용자가 더 일찍 또는 나중에 시작할 수 없기 때문에 ...

P粉151466081 2023-09-05 11:58:38 0  1  676