Javascript/Vue.js
Vue.js Progress Circle 추천 및 사용법정리 (easy-circular-progress)
Vue.js 에서 Progress Circle 을 사용할 일이 생겨 라이브러리를 찾아보았다. 심플하고 라이센스문제가 없는 라이브러리중 easy-circular-progress 가 눈에 띄었다. demo download 사용법은 download 링크에 깃헙을 참고하면 쉽게 따라할 수 있다. 1. 의존성 모듈 Install npm install easy-circular-progress --save 2. Script 블록에 import 및 컴포넌트 등록 2-1. 예제 css 적용 (생략가능) 3. template 블록에서 컴포넌트 호출해서 사용하기 hello 컴포넌트를 사용할 때 prop 을 이용하여 커스텀이 가능하다. strokeColors : 색상 default is "#aaff00" strokeWidth..
2020. 12. 17. 16:15
최근댓글