【组件篇】ionic3开源组件

平时会留意一些开源组件，收藏到收藏夹里，然后一天mac电脑因为卸载window出问题导致不能不重装，然后里面的东西都没了，特别是适用于ionic2布局的angular2和普通js……so sad，现整理回一些并分享下：

这里是组件篇，所以关于开源项目和插件的分别放在其它章，因为图片多会影响本文速度和美观，所以只放部分图。

提醒一点，ionic3除了很方便使用ionic2及以上组件外，也很方便引入angular2或普通js的组件。这里列的基本都是ionic2，如果没有，可以自行找angular2或js的。

组件库，可能和下面的有重复

• awesome-ionic2-components
• ionic3-components

日历

• ion2-calendar
• Ionic2-Calendar
• ionic2-date-picker
• ionic2-datepicker
• easy-ionic2-calendar

滑动选项卡

• ionic2-super-tabs
• Ionic2-ScrollableTabs
• ionic3-swipetabs-segment

Ionic2-ScrollableTabs

Ionic2-ScrollableTabs

评分

• ionic2-rating

评分

评分

视频播放

• videogular2

图表

• ng2-charts

强制更新

• ionic-manup

图像浏览

• ionic-img-viewer
• ionic-gallery-modal
• ImagePicker
• PhotosView

ImagePicker

ImagePicker

图像加载

• https://github.com/zyra/ionic-image-loader

手风琴收缩

• ionic2Accordion

ionic2Accordion

ionic2Accordion

聊天

• ionic3-chat
• ionic3chat

聊天

表情输入

• ionic3-emoji-picker

多级联动

• ionic2-city-picker
• ion-multi-picker
• iosselect

ionic2-city-picker

ionic2-city-picker

ion-multi-picker

ion-multi-picker

键盘输入

• ionic2-pincode-input——密码键盘
• ion-digit-keyboard-v2——数字键盘

ionic2-pincode-input

ionic2-pincode-input

自动完成

• ionic2-autocomplete

ionic2-autocomplete

ionic2-autocomplete

锚点滚动列表

• ionic2-alpha-scroll
• ionic2-indexed-scroll
• ionic3-index-list——群里有人发就补充上来了

ionic2-indexed-scroll

ionic2-indexed-scroll

透明状态栏

• ionic2-transparent-bar

多层菜单

• Ionic3-MultiLevelSideMenu

滚动收缩

• Ionic2-FullscreenContent
• ionic-shrinkage
• ionic2-fixedscroll-directive

ionic2-fixedscroll-directive

ionic2-fixedscroll-directive

圆形菜单

• Ionic2-CircularTabs

圆形菜单

圆形菜单

圆形文本

• ionic2-circle-text-avatar
• text-avatar

ionic2-circle-text-avatar

ionic2-circle-text-avatar

tag输入

• ionic-tags-input

tag输入

tag输入