작은 프로그램에서 CSS를 수정하기 위해 js를 사용하는 방법

JS를 사용하여 작은 프로그램에서 CSS를 수정하는 방법: 먼저 페이지에서 스타일 변수를 동적으로 바인딩한 다음 데이터 객체의 변수를 초기화한 다음 마지막으로 라이프 사이클 함수 변수에 값을 할당합니다. 효과를 보려면 왼쪽을 클릭하세요.

이 기사의 운영 환경: Windows 7 시스템, WeChat 애플릿 개발 도구 2019 버전, Dell G3 컴퓨터.

관련 무료 권장 사항: 미니 프로그램 개발 튜토리얼

미니 프로그램에서 js로 CSS를 수정하는 방법:

1 WeChat 미니 프로그램 개발 도구를 열고 새 wxml 파일을 생성한 후 추가합니다. 뷰와 버튼, 스타일을 설정하고 글꼴 색상 변수를 바인딩합니다

2. 해당 페이지의 js 파일을 열고 데이터 객체에서 변수 색상을 초기화합니다

3. , this.setData({color:'#000'})

을 사용합니다.

4. 코드를 저장하고 새로 고침한 후 왼쪽 시뮬레이터에 해당하는 페이지 모듈을 확인하고 버튼 글꼴 색상이 검은색인지 확인합니다

5. -변수 FontSize

6의 크기를 지정하고 바인딩합니다.

위 내용은 작은 프로그램에서 CSS를 수정하기 위해 js를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!