Ionic 3 Snippets:提升Ionic框架v3开发效率的HTML代码片段
Ionic 3 Snippets是一套专为Ionic框架v3设计的HTML代码片段,旨在帮助开发者快速构建移动应用界面,提升开发效率。使用前缀ion3-,您可以轻松访问以下支持的组件:
- 头像(Avatars):ion3-avatar
- 徽章(Badges):ion3-badge
- 按钮(Button):
- ion3-button
- ion3-button-block
- ion3-button-clear
- ion3-button-full
- ion3-button-icon-left
- ion3-button-icon-only
- ion3-button-icon-right
- ion3-button-large
- ion3-button-outline
- ion3-button-round
- ion3-button-small
- 按钮容器(Buttons container):
- ion3-buttons
- ion3-buttons-end
- ion3-buttons-start
- 卡片(Cards):
- ion3-card
- ion3-card-back-image
- ion3-card-image
- ion3-card-map
- ion3-card-social
- 复选框(Checkbox):ion3-checkbox
- 列(Column):
- ion3-col
- ion3-col-10
- ion3-col-20
- ion3-col-25
- ion3-col-33
- ion3-col-50
- ion3-col-67
- ion3-col-75
- ion3-col-80
- ion3-col-90
- 日期时间(DateTime):ion3-datetime
- 浮动操作按钮(FABs):
- ion3-fab
- ion3-fab-list
- ion3-fab-mini
- 页脚(Footers):ion-footer
- 网格(Grid):ion3-grid
- 页眉(Headers):ion-header
- 图标(Icons):
- ion3-icon
- ion3-icon-isactive
- 输入框(Inputs):
- ion3-input
- ion3-input-fixed
- ion3-input-floating
- ion3-input-placeholder
- ion3-input-stacked
- 列表(Lists):
- ion3-list
- ion3-list-inset
- ion3-list-item
- ion3-list-item-avatar
- ion3-list-item-divider
- ion3-list-item-group
- ion3-list-item-header
- ion3-list-no-lines
- ion3-list-sliding
- ion3-list-thumbnails
- 菜单(Menus):ion3-menu
- 导航栏(Navbars):ion3-navbar
- 单选按钮(Radio buttons):
- ion3-radio-group
- ion3-radio-item
- 范围选择(Range):ion3-range
- 行(Row):ion3-row
- 搜索栏(SearchBar):ion3-search-bar
- 分段控制(Segments):
- ion3-segment
- ion3-segment-button
- 选择输入(Select input):
- ion3-select
- ion3-select-option
- 幻灯片(Slides):
- 标签页(Tabs):
- ion3-tab
- ion3-tab-icon
- ion3-tab-icon-text
- ion3-tabs
- ion3-tabs-icons
- ion3-tabs-icons-text
- 开关(Toogles):
- ion3-toogle
- ion3-toogle-disabled
- 工具栏(Toolbars):ion3-toolbar
通过使用这些预设的代码片段,开发者可以大幅提升开发速度和效率,快速构建出功能丰富、界面友好的移动应用。
本站所有资源都是由网友投稿发布,或转载各大下载站,
请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则
产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:study_golang@163.com