CMUI 다운로드 CMUI 소스 코드 다운로드

CMUI

타사 구성 요소

2.1.1

다운로드

CMUI

CMUI는 모바일 웹을위한 UI 프레임 워크입니다. 풍부한 위젯과 간단한 인터페이스를 제공하므로 개발자가 스타일링 및 호환성 문제에 대한 세부 사항을 제거하고 자체 애플리케이션을 구축하는 데 집중할 수 있도록 도와줍니다.

CMUI는 모바일 웹 페이지를 전문으로하는 UI 프레임 워크입니다. 풍부한 구성 요소와 간결한 인터페이스를 제공하며 상자 밖에서 사용할 수 있습니다. CMUI는 개발자가 스타일 세부 사항과 호환성 문제를 제거하여 비즈니스 개발에 투자 할 수있는 더 많은 에너지를 확보 할 수 있도록 도와줍니다.

호환성

브라우저 지원

다음 모바일 플랫폼을 지원하는 주류 브라우저 :
- iOS 10+
- 안드로이드 4.4+
다음 데스크탑 브라우저도 지원됩니다.
- Firefox (최신)
- 크롬 (최신)
- 사파리 (최신)

자세한 내용은 CMUI의 브라우저 계층 적 지원 정책을 참조하십시오.)

외부 의존성

밑줄 1.8+
Zepto 1.1+
기어 박스 0.7+

설치 및 사용

전통적인 방법

NPM 3을 통해 설치 :
```
$ npm install cmui
```

페이지에 CMUI 스타일 파일, 스크립트 파일 및 필요한 종속성을로드하십시오.

 <!DOCTYPE html >
< html >
< head >
	...
	< link rel =" stylesheet " href =" node_modules/cmui/dist/cmui.css " >
</ head >
< body >
	...
	< script src =" node_modules/underscore/underscore-min.js " > </ script >
	< script src =" node_modules/zepto.js/dist/zepto.min.js " > </ script >
	< script src =" node_modules/cmui-gearbox/dist/gearbox.min.js " > </ script >
	< script src =" node_modules/cmui/dist/cmui.js " > </ script >
</ body >
</ html >

스타일러스를 통한 로딩

프로젝트가 Stylus를 CSS 전 처리기 언어로 사용하는 경우 소스 코드에서 CMUI 스타일 항목 파일을 직접 소개 할 수 있습니다.

 @import './node_modules/cmui/src/css/theme/baixing/index'

이러한 방식으로 소스 코드에서 CMUI가 제공 한 고급 API를 사용할 수 있습니다.

변하기 쉬운
믹스 인

데모 및 문서

iOS/Android 기기를 사용하여 액세스하는 것이 좋습니다 : CMUI 데모

CMUI-DEMO

누가 그것을 사용하고 있습니까?

다음 웹 사이트는 CMUI를 기반으로 구축됩니다 (iOS/Android 기기를 사용하여 방문하십시오).

baixing.com- 모바일 버전 (m.baixing.com)
~~youe.com- 모바일 버전 (m.uemall.com)~~ (오프라인)
~~Weizi 공식 전자 몰 - 모바일 버전 (m.vichy.com.cn)~~ (개정)

개발에 참여하십시오

기능 모듈

CMUI의 일부 모듈은 분리되어 독립적 인 프로젝트가되었습니다. 이 모듈은 개발 종속성 방식으로 도입되어 릴리스 파일로 포장됩니다. 따라서 이러한 독립적 인 프로젝트의 개발에 참여하면 이러한 모듈을 수정할 수 있습니다.

CSS 재설정 - 0
스타일러스 라이브러리 - 브러시

짓다

포크 와이 프로젝트의 코드를 지역 지역으로 복제하십시오.
필요한 종속성을 설치하려면 프로젝트 루트 디렉토리에서 npm install 실행하십시오.
프로젝트 루트 디렉토리에서 npm run dist 실행하고 빌드 스크립트를 실행하십시오.
생성 된 릴리스 파일은 /dist 디렉토리에 저장됩니다.

단위 테스트

포크 와이 프로젝트의 코드를 지역 지역으로 복제하십시오.
필요한 종속성을 설치하려면 프로젝트 루트 디렉토리에서 npm install 실행하십시오.
브라우저에서 다음 파일을 열면 장치 테스트를 실행하십시오.
- test/test-dev.html 테스트 소스 코드 (개발 단계에서의 테스트 용)