ionic-CSS：ionic icon(图标)

ylbtech-ionic-CSS：ionic icon(图标)

 

1.返回顶部

1、

ionic icon(图标)

ionic 也默认提供了许多的图标，大概有 700 多个，针对 Android 和 iOS 有不同的样式。

Ionic icons 官网: http://ionicons.com/

国内图标样式 CDN 地址：https://cdn.bootcss.com/ionicons/2.0.1/css/ionicons.min.css。

用法也非常的简单，由一个 icon 类及指定图标类组成，如：

实例

<i class="icon ion-star">i> <i class = "icon ion-happy-outline">i> <i class = "icon ion-ios-analytics">i> <i class = "icon ion-ios-eye">i>

尝试一下 »

我们可以通过 font-size 来设置图片的大小：

实例

.icon { font-size: 50px; }

尝试一下 »

默认图标按钮：

代码	图标

---

iOS 风格图标

代码	图标
gt;

---

Android 风格图标

Code	Result

 

2、

2.返回顶部

 

3.返回顶部

 

4.返回顶部

 

5.返回顶部

1、

http://www.runoob.com/ionic/ionic-icon.html

2、

 

6.返回顶部

 

作者：ylbtech 出处：http://ylbtech.cnblogs.com/ 本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。

转载于:https://www.cnblogs.com/storebook/p/9004223.html