搜索圖標(biāo)并加入購(gòu)物車(chē)
image.png
-點(diǎn)擊‘添加至項(xiàng)目’ 把圖標(biāo)添加到項(xiàng)目中介杆，沒(méi)有項(xiàng)目要自己創(chuàng)建項(xiàng)目
image.png
- 將項(xiàng)目文件下載到本利并打開(kāi)
image.png
- 將字體放到你的項(xiàng)目中
image.png
將這些文件放在項(xiàng)目的assets/img/tab中
image.png
-在你的項(xiàng)目中tabs.scss中添加如下代碼
@font-face {font-family: "Ionicons";
src: url('../assets/img/tab/iconfont.eot'); /* IE9*/
src: url('../assets/img/tab/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../assets/img/tab/iconfont.woff') format('woff'), /* chrome, firefox */
url('../assets/img/tab/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
url('../assets/img/tab/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.ion-qq1:before { content: "\e600"; }
image.png
- 應(yīng)用如下：
<div class="categories">
<ion-grid>
<ion-row wrap>
<ion-col text-center tappable col-3 *ngFor="let c of categories" (click)="goProductList(c)">
<ion-icon class='ion-qq1' style='font-size:17px'></ion-icon>
<span class="title">{{c.FavoritesTitle}}</span>
</ion-col>
</ion-row>
</ion-grid>
</div>
image.png
-
tab 使用的話
image.png
image.png
