h5editor

H5EDITOR

소개

H5Editor는 시각적 휴대 전화 H5 편집기 (Microscene, 주로 전체 화면 페이지 회전이며 H5 편집기는 매우 정확하지는 않지만 주변 사람들은 이것의 효과가 H5라고 생각합니다. Vue2 및 Element-Ui를 기반으로하며 주요 기능은 Yiqixiu에 의해 모방됩니다.

온라인 미리보기 주소 : H5Editor

참고 : 데모를 연습하려면 실제 환경에서 사용하지 마십시오.

효과 스크린 샷

주요 기능

구현 된 기능

• 텍스트 및 그림 구성 요소를 추가하십시오
• 드래그, 스트레칭, 구성 요소를 회전시킵니다
• 스타일을 수정하십시오
• 애니메이션 추가
• 페이지를 추가, 삭제, 페이지 수정하십시오
• 음악 추가
• LocalStorage에 저장하십시오
• 미리보기 효과
• 메뉴를 마우스 오른쪽 버튼으로 클릭하십시오
• 구성 요소 삭제

프로젝트 사용 방법

1.이 프로젝트를 클론 또는 다운로드하십시오.

 $ git clone https://github.com/Alvin-Liu/h5editor.git

2. 모듈 종속성 설치 :

 npm install

3. 서비스 시작 :

 npm run dev

4. 코드 패키지 :

 npm run build

다른

이것은 Vue와 처음 접근 한 지 얼마되지 않아 특정 연도, 월 및 일에 시작된 임시 프로젝트 일뿐입니다. 아이디어가 있으면 WeChat을 추가하여 의사 소통하십시오. 참고 : H5EDITOR WECHAT를 추가 할 때.