文章 2017-08-23 来自:开发者社区

ionic3项目实战教程 - 第8讲 ionic3商品详情页的实现

这一讲主要包含以下几个部分: 1.创建商品详情页 2.获取商品详情页的数据 3.展示商品详情页的数据 1.创建商品详情页 执行 ionic g page product-details 8-1.png 实现点击商品列表项时跳转到商品详情页: 在ion-products.html中增加(click)="goDetails(p)"事件,实现跳转: 在ion-products....

文章 2017-08-20 来自:开发者社区

ionic3项目实战教程 - 第4讲 ionic3商城首页设计(幻灯片+图标分类)

商城首页主要包含以下几个部分 1.使用ion-slide实现首页幻灯片; 2.使用ion-grid实现商品分类; 3.使用ion-list实现商品列表; 说一下实现思路 1.先获取网络请求的数据,查看数据结构; 2.根据数据结构来判断需要展示的数据,编写html; 3.调整界面样式,编写scss; 准备工作 开始之前请到阿里开源图标库准备首页需要的小图标,不想自己找的同学,在文章最后的交...

文章 2017-08-19 来自:开发者社区

ionic3项目实战教程 - 第2讲 ionic3懒加载配置

配置懒加载需要以下几个步骤: 1.给需要懒加载的页面配置module.ts; 2.在对应页面的.ts文件里增加@IonicPage()特性; 3.在app.module.ts移除页面引用; 4.使用懒加载; 5.懒加载运行效果图; 1.配置module.ts 依次配置about.module.ts、contact.module.ts、home.module.ts、tabs.module.ts...

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。