IONIC4 html页面的构成

如果你用过web开发的前端框架layui、BS那么编写ionic4的页面代码就简单了,只需要将ionic当成一个ui组件框架就行了,要用什么就把代码复制到ion-content标签中,再改改一属性就行了。

创建页面

ionic g page xxx //页面名称
ionic g page xxx/pages //在xxx目录下面创建页面xxx

页面构成

<ion-header>
//页面头部
  <ion-toolbar>
//页面工具栏
    <ion-title>页面标题</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
//页面内容
</ion-content>

在xxx.page.html中编写布局代码。

如果你用过web开发的前端框架layui、BS那么编写ionic4的页面代码就简单了,只需要将ionic当成一个ui组件框架就行了,要用什么就把代码复制到ion-content标签中,再改改一属性就行了。

QQ交流群: 824144151

技术援助

需要技术援助?点击这里,帮你解决你的所有问题!PS:可能你离大神之间,只差一个我们!!!!

给TA打赏
共{{data.count}}人
人已打赏
混合app

IONIC4创建页面

2019-7-16 20:46:12

混合app

IONIC5快速创建APP

2020-4-28 12:17:46

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索