随笔分类 -  400.Ionic4.x

上一页 1 2

Ionic4.x 中的 UI 组件(UI Components)表单相关组件
摘要:1、ion-input 单行文本框 2、ion-toggle 开关 3、ion-radio-group、ion-radio 单选按钮组 4、ion-checkbox 多选按钮组 5、ion-select 选择框 6、ion-textarea 多行文本框 <ion-list> <ion-item> < 阅读全文

posted @ 2019-05-31 16:44 LoaderMan 阅读(959) 评论(0) 推荐(0)

Ionic4.x 中的列表UI组件
摘要:1、普通列表 <ion-list> <ion-item> <ion-label>Peperoni</ion-label> </ion-item> <ion-item> <ion-label>Hawaii</ion-label> </ion-item> </ion-list> 如果普通列表加上路由跳转 阅读全文

posted @ 2019-05-30 15:08 LoaderMan 阅读(1190) 评论(0) 推荐(0)

Ionic4.x 中的button
摘要:官方文档:https://ionicframework.com/docs/api/button 1、ion-button 组件可以定义一个按钮 <ion-button>Default</ion-button> 2、color 属性定义按钮的颜色 <ion-button color="primary" 阅读全文

posted @ 2019-05-30 14:13 LoaderMan 阅读(319) 评论(0) 推荐(0)

Ionic4.x 内置颜色
摘要:primary/secondary/tertiary /success/warning/danger/dark/medium/light primary/secondary/tertiary /success/warning/danger/dark/medium/light primary/seco 阅读全文

posted @ 2019-05-30 11:53 LoaderMan 阅读(341) 评论(0) 推荐(0)

Ionic4.x 中自定义公共模块
摘要:1、创建公共模块以及组件 ionic g module module/slide ionic g component module/slide 2、公共模块 slide.module.ts 中暴露对应的组件 import { NgModule } from '@angular/core'; impo 阅读全文

posted @ 2019-05-30 11:16 LoaderMan 阅读(1285) 评论(0) 推荐(0)

Ionic4.x 新增底部 tabs 页面
摘要:1、创建 tab4 模块 ionic g page tab4 2、修改根目录里 app-routing.module.ts 文件里面的路由配置,去掉默认增加的路由 3、tabs.router.module.ts 中新增路由 { path: 'tab4', loadChildren: '../tab4 阅读全文

posted @ 2019-05-30 11:11 LoaderMan 阅读(1294) 评论(1) 推荐(0)

Ionic4.x 创建页面以及页面跳转
摘要:创建页面: 阅读全文

posted @ 2019-05-29 17:27 LoaderMan 阅读(2159) 评论(0) 推荐(0)

Ionic4.x 项目结构简单分析
摘要:新建项目 Ionic4.x src 下面文件分析 app:应用根目录 (组件、页面、服务、模块...) assets:资源目录(静态文件(图片,js 框架...) theme:主题文件,里面有一个 scss 文件,设置主题信息。 global.scss:全局 css 文件 index.html:in 阅读全文

posted @ 2019-05-29 16:53 LoaderMan 阅读(1232) 评论(0) 推荐(0)

Ionic 的安装运行
摘要:1.学习前准备工作 1、必须得安装 nodejs (建议安装最新的稳定版本) 2、必须有 Angular 基础:https://www.loaderman.com/goods-1047.html 2.安装 cordova ionic npm install -g cordova ionic 3.创建 阅读全文

posted @ 2019-05-24 15:16 LoaderMan 阅读(670) 评论(0) 推荐(0)

上一页 1 2

导航