ionic4学习总结

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/yujing1314/article/details/89944528

1.新增模块

ionic g page tab4
ionic g module module/slide
ionic g page order/orderdetails

2.插入跳转按钮

<ion-content>
<ion-button color="primary" [routerLink]="['/news']">跳转到新闻</ion-button>
</ion-content>

在这里插入图片描述
3.插入返回按钮

<ion-buttons slot="start">
<ion-back-button></ion-back-button>
</ion-buttons>

在这里插入图片描述
4.新加图标

<ion-icon slot="start" name="people" color="danger"></ion-icon>

5.增加文字前面的头像

<ion-item>
	<ion-avatar slot="end">
		<img src="assets/01.png"/>
	</ion-avatar>
	<ion-label>Item Avatar333</ion-label>
</ion-item>

猜你喜欢

转载自blog.csdn.net/yujing1314/article/details/89944528