Next.js 앱의 가운데 버튼 구성요소가 있나요?

나는 자체 행에 있는 nextjs 페이지의 버튼을 사용하고 있습니다. 버튼을 페이지 중앙에 표시하고 싶은 이유는 PC와 모바일 모두에서 가장 잘 보일 것이라고 생각하기 때문입니다. 하지만 아무리 노력해도 버튼 요소가 화면 왼쪽 끝에 있는 원래 위치에서 이동할 수 없는 것 같습니다. 그 페이지. 왼쪽 여백과 오른쪽 여백을 특정 비율로 수동으로 설정하면 버튼의 텍스트가 다음 줄로 밀리지 않고 버튼이 페이지 중앙에 최대한 가깝게 이동됩니다. 하지만 보기에는 좋지 않고 실용적이지 않습니다. 페이지에 따르면

P粉011360903 2023-09-18 22:05:21 0  1  821

대화 상자 요소 외부에 표시된 버튼을 클릭할 때 클릭 이벤트를 어떻게 트리거할 수 있나요?

Vue3 애플리케이션에서 기본 HTML 대화 상자 요소를 모달로 사용하고 있으며 절대 위치 지정을 사용하여 모달의 측면/외부에 버튼을 성공적으로 표시했습니다. 그러나 대화 상자 요소의 특성과 최상위 수준에 배치되는 방식으로 인해 대화 상자 요소 외부의 버튼을 클릭할 때 클릭 이벤트(displayNextModal)를 실행할 수 없습니다. 대화 상자는 기본적으로 항상 맨 위에 있으므로 요소 중 하나의 Z-색인을 조정해도 아무런 효과가 없습니다. 해결 방법이 있는지 또는 이 클릭 이벤트를 트리거하는 유일한 방법이 버튼을 넣는 것인지 궁금...

P粉116654495 2023-08-31 23:33:50 0  1  614

문제 해결: 초기 로그인 및 웹사이트 로딩 문제

Vue 애플리케이션에서 VueApollo 및 Vuex를 사용하는 데 문제가 있어서 처음으로 웹사이트에 로그인하면 웹페이지가 비어 있습니다. 즉, 이벤트와 인증이 포함되어 있지 않지만 새로 고침 버튼을 사용하여 웹사이트를 새로 고치면 브라우저에서는 네트워크를 통해서도 모든 이벤트가 로드됩니다.

P粉891237912 2023-08-03 21:02:37 0  1  574

제목을 다음과 같이 다시 작성합니다. 하나의 항목이 true로 설정되고 다른 항목은 모두 false로 설정된 VueJS 반응형 요소

VueJS의 구성 API를 사용하여 애플리케이션을 개발 중입니다. 페이지의 모든 버튼을 클릭할 때 constsections=reactive({section1:true,section2:false,section3:false,section4:false,section5:false,section6:false}) 아래와 같이 반응형 요소를 설정했습니다. (다른 많은 작업 중에서) 부울 값을 기반으로 개별 요소를 표시하고 숨기고 싶습니다.

P粉786800174 2023-08-28 20:55:03 0  1  589

버튼의 나머지 부분이 아닌 아이콘을 클릭하는 것이 Javascript 구독 버튼이 작동하는 유일한 방법입니다.

rssfontAwesome 아이콘을 클릭할 때만 작동하는 구독 사용자 프로필 버튼이 있고 나머지 버튼은 작동하지 않습니다. 버튼 요소를 클릭 이벤트로 설정하기 위해 여러 가지 재정의를 시도했지만 전혀 작동하지 않습니다. 다음 코드는 아이콘 요소를 클릭할 때만 작동합니다: <buttonclass='subscribe-buttonprofile-subscribe'><?phpif($profile->userSubscribed):

P粉742550377 2024-01-16 14:13:18 0  1  486

angular.js - Angular는 사이트 전체에서 사용됩니다. 하지만 Angular를 사용하여 아래 설명된 것과 같은 고도의 대화형 기능을 구현하려면 어떤 아이디어를 사용해야 합니까?

이 애플리케이션은 다음과 같이 설명됩니다. 1. C 영역은 여러 페이지로 나누어져 있으며 페이지 간에 위아래로 전환할 수 있습니다. 2. Ax는 C 영역으로 드래그하여 그림, 버튼과 같은 해당 요소를 생성할 수 있는 컨트롤입니다. , 및 텍스트. 3. 생성된 그림, 버튼, 텍스트를 C 범위 내에서 드래그하여 위치를 변경할 수 있습니다. 4. 생성된 이미지를 클릭합니다.

習慣沉默 2017-05-15 16:53:09 0  4  653

제목을 다음과 같이 다시 작성합니다: Vue 3: 콘텐츠를 요소로 전송하고 교체

Vue3의 텔레포트를 사용하여 요소를 div로 렌더링하고 있는데 예상대로 작동합니다. Teleport는 선택한 요소에 항목을 추가하지만 div의 현재 요소를 대체하지는 않습니다. vue 앱이 마운트될 때 앵커 div의 콘텐츠를 바꾸는 방법과 유사하게 div 내의 요소를 대체하도록 텔레포트를 어떻게 설정할 수 있습니까? 배경: SEO 이유로 인해 앱이 렌더링되고 제공될 때까지 자리 표시자 요소가 필요합니다. <!--애플리케이션 외부의 HTML--><div><divi

P粉237029457 2023-11-06 11:01:38 0  1  1011

문제 발생: 웹 애플리케이션에서 사용자 정의 WOFF 글꼴을 렌더링하는 동안 오류가 발생했습니다.

저는 현재 웹 애플리케이션을 개발 중이며 CSS의 @font-face 규칙을 사용하여 특정 요소에 대한 사용자 정의 글꼴을 구현하려고 합니다. 글꼴을 정의하고 이를 특정 요소에 적용하는 표준 프로세스를 따랐지만 글꼴을 올바르게 렌더링하는 데 문제가 있습니다. 내가 사용하는 관련 코드는 다음과 같습니다. @font-face{font-family:swiper-icons;font-style:normal;font-weight:400;src:url('data:applicati

P粉448346289 2023-08-15 10:46:58 0  1  519

Vitest의 Mock Vue RouterView/RouterLink(통합 API)

제목대로라면 이게 가능할까요? 사용자를 다음 페이지로 리디렉션하는 헤더와 버튼이 포함된 Vue 애플리케이션의 간단한 구성 요소를 테스트하려고 합니다. 버튼을 클릭하면 이벤트/메시지가 라우터로 전송되는지 테스트하고 대상 경로가 올바른지 확인하고 싶습니다. 애플리케이션의 구조는 다음과 같습니다: App.Vue-entry component<scriptsetuplang="ts">import{RouterView}from"vue-r

P粉478188786 2024-03-27 09:49:56 0  1  528

이 Vue 3 애플리케이션에서 손자 구성 요소의 부울 변수 값을 어떻게 변경합니까?

Vue3 애플리케이션을 개발 중입니다. 3개의 중첩된 구성 요소가 있습니다. 버튼 구성 요소는 콘텐츠 구성 요소 내에 중첩된 탐색 구성 요소 내에 중첩되어 있습니다. 버튼은 상위 구성 요소 Main.vue(콘텐츠 구성 요소) 내에서 부울 변수 isVisible의 값을 전환해야 합니다. 손자 구성 요소 MyButton.vue에서: <template><button@click="handleClick" class="btnbtn-smbtn-succes

P粉667649253 2024-02-21 11:13:56 0  1  389

Jquery click() 이벤트 비활성화

{Code...} {Code...} B 버튼을 클릭하고 토글메뉴()를 호출하면 해당 요소의 클래스 값이 변경되는데, 토글메뉴를 호출할 때 레디()의 클릭 이벤트가 유효하지 않아야 한다고 생각합니다. () ), 클래스 값을 초기 값으로 바꾸면 click()이 정상적으로 실행되지만 실행되지 않습니다.

伊谢尔伦 2017-07-05 10:54:50 0  3  1117

버튼이 없습니다

그래서 오늘은 계산기, JS가 포함된 웹 계산기, CSS 등을 만들어 보겠습니다. 나는 최근에 모든 JScries를 다시 작성하고 몇 가지 사항을 다시 확인했습니다. 이제 계산기 버튼이 사라졌습니다. 웹사이트에 버튼이 있던 페이지에 계산기가 있었으면 좋겠습니다. 이상하게 정렬되었지만 여전히 버튼입니다. 하지만 내가 한 일은 HTML 코드의 작은 부분을 변경한 것 뿐이었고 이제 버튼이 사라졌습니다. 복사: https://replit.com/@MiguelBaltazar1/epicalculator

P粉521013123 2024-01-16 21:32:51 0  1  498

Vue.js 3 Composition API를 사용하여 구성 요소가 표시될 때 이벤트를 트리거합니다.

내 애플리케이션에는 v-show="variable"과 같은 버튼 및 변수를 통해 표시/숨겨진 일부 구성 요소가 있으며 버튼은 이러한 변수를 true/false로 설정하고 이러한 구성 요소를 다음과 같은 웹 페이지로 처리합니다. 다른 페이지. 내가 원하는 것은 구성 요소가 페이지에 표시될 때 함수를 호출하는 방법입니다. 예를 들어 무작위로 2명의 플레이어를 선택해 게임을 시작하고 싶은데, 게임판이 표시될 때 플레이어가 2명일 때만 메시지나 경고가 뜨게 되는 점은 이벤트가 발생한다는 것입니다.

P粉032900484 2023-08-28 23:40:07 0  1  591

javascript - CSS 전역 스타일을 동적으로 수정하기 위해 JS를 구현하는 방법

페이지의 CSS 전역 스타일을 동적으로 수정하려는 경우(예: 페이지의 모든 글꼴 색상을 빨간색으로 변경) CSS {code...}를 통해 이를 수행할 수 있습니다. js를 사용하는 경우 버튼을 사용하세요. 페이지에서 모든 요소의 스타일을 수정하려면 즉, js를 클릭하세요. 버튼은 페이지의 모든 요소의 스타일과 글꼴 색상을 빨간색으로 동적으로 변경합니다...

阿神 2017-05-19 10:11:38 0  3  670

React.js CSS 창 너비

저는 React를 사용하여 반응형 웹사이트를 개발하고 있습니다. 스타일링에는 CSS 스타일시트를 사용합니다. 응답 부분은 @media 쿼리를 사용하여 CSS로 구현됩니다. 문제는 Chrome을 사용하면 요소가 더 크게 나타나고 레이아웃이 더 작은 화면(태블릿)에서 사이트에 액세스하는 것과 같다는 것입니다. 내가 이해하는 바는 Chrome이 뷰포트가 더 작다고 "생각"하고 적절한 정보로 미디어 쿼리에 응답한다는 것입니다. 일정 기간 정상적으로 작동한 후 개발 중에 문제가 발생했습니다. 내가 뭘 잘못하고 있고 어떻게 ...

P粉396248578 2024-03-31 16:31:23 0  1  553

LARAVEL: foreach의 모든 요소는 ID가 1이므로 삭제가 불가능합니다.

내 상황은 매우 어렵습니다. 스크래퍼를 이용해서 출생목록 클론을 만들고 있는데 경험이 없어서 코딩하는데 어려움을 겪고 있습니다. 크롤링해야 할 링크와 연결될 사이트 및 카테고리를 지정할 수 있는 사이트, 카테고리 및 링크 양식을 삽입하기 위한 여러 양식이 있는 관리 페이지를 성공적으로 만들었습니다. 하지만 이런 것을 추가하는 것은 괜찮지만 삭제하는 것은 아닙니다.. 내 사이트, 카테고리 및 링크가 내 관리 페이지에 표시되고 각 요소에는 가져오기 및 삭제 버튼이 있습니다. 행의 마지막 항목을 삭제하면 첫 번째 요소가 삭제됩니다. 내가...

P粉064448449 2024-01-28 23:17:43 0  1  568

javascript - h5 페이지의 iframe이 iOS 애플리케이션을 호출할 수 없습니까?

iOS의 Safari에서 열리는 웹 페이지입니다. 페이지의 버튼을 클릭하면 사용자가 특정 애플리케이션 A를 설치한 경우 애플리케이션 A가 열리며, 그렇지 않으면 AppStore의 애플리케이션 A 다운로드 페이지로 이동합니다. 온라인 검색결과 iname을 사용한다는 것인데, 클릭 동작이 발생하면 iframe의 src가 미리 설정된 값으로 설정됩니다...

扔个三星炸死你 2017-06-17 09:16:17 0  1  888

Safari: Webcamjs가 실시간 이미지를 정확하게 캡처하지 않습니다.

저는 매 x분마다 사용자의 이미지를 촬영하고(허가를 받아) 웹캠 HTML 요소를 사용자에게 보이지 않게 만드는 감시 시스템을 개발 중입니다. 그러나 때로는 캡처된 이미지가 Safari에서 오래된 이미지를 표시하는 경우가 있습니다. 나는 웹캠 js를 사용하여 모의 애플리케이션을 만들었고 웹캠 노드가 뷰포트에서 숨겨진 경우에만 Safari에서 이 애플리케이션을 재현할 수 있습니다. 뷰포트에서 웹캠 요소를 숨기기 위해 다음 스타일 #webcam{position:fixed;top:-1000을 사용했습니다.

P粉338969567 2024-02-17 15:12:30 0  1  388

vue.js에 표시된 텍스트를 복사하는 버튼을 추가하는 방법은 무엇입니까?

vue.js에 있는 코드 카탈로그 애플리케이션의 클립보드에 뷰의 코드 조각을 복사할 수 있는 버튼을 추가하려고 합니다. vue 클립보드 라이브러리를 사용하고 예제 구성 요소에서 이 작업을 수행하려고 하면: <divclass="full-screen-code-snippet">{{example.codeSnippet}}</div><divclass="full-screen-copy -비

P粉297434909 2024-03-28 12:57:15 0  1  496

PHP는 페이지 간 링크 및 배경 이미지 설정을 구현합니다.

두 개의 웹 페이지를 PHP로 연결하는 데 도움이 필요합니다. 사용자가 버튼을 클릭하고 다음 페이지로 이동하기를 원합니까? 이 기능을 수행할 수 있는 관련 코드가 있습니까? 또한 전체 PHP 웹사이트에 배경 이미지를 추가하려면 어떻게 해야 합니까?

P粉009828788 2023-09-14 22:34:32 0  1  577