html支付宝图标,支付宝小程序基础组件 图标·Icon

图标。

说明：

跳转页面后左上角显示返回主页 icon，不支持隐藏。

icon 中所应用的样式如果是插件中的样式，建议修改样式定义的 class 名等这种信息，否则 icon 中不写插件代码显示正常，添加插件代码 icon 显示不正常。

扫码体验

示例代码

图标

Type

{{item}}

Size

{{item}}

Color

{{item}}

// API-DEMO page/component/icon.js

Page({

data: {

iconSize: [20, 30, 40, 50, 60],

iconColor: [

'red', 'yellow', 'blue', 'green',

],

iconType: [

'success',

'info',

'warn',

'waiting',

'clear',

'success_no_circle',

'download',

'cancel',

'search',

],

},

});

/* API-DEMO page/component/icon.acss */

.icon-list {

display: -webkit-flex;

display: flex;

-webkit-flex-wrap: wrap;

flex-wrap: wrap;

}

.item {

display: -webkit-flex;

display: flex;

flex-direction: column;

-webkit-flex-direction: column;

margin-bottom: 10px;

margin-right: 10px;

align-items: center;

-webkit-align-items: center;

}

属性

属性名

类型

默认值

描述

最低版本

type

String

-

icon 类型，有效值： info，warn，waiting，cancel，download，search，clear，success，success_no_circle，loading。

loading(1.7.2)

size

Number

23

icon 大小，单位 px。

-

color

String

-

icon 颜色，同 CSS 色值。

-