icon

解释： 图标属性说明:

属性名类型默认值说明
typeString-生效的值：success, info, warn, waiting, success_no_circle, clear, search, personal, setting, top, close, cancel, download, checkboxSelected, radioSelected, radioUnselect
sizeNumber23icon 的大小，单位是 px
colorColor-icon 的颜色，同 css 的 color

示例：在开发者工具中预览效果

  1. <view class="group">
        <view>
            <icon s-for="type in types.smallDefault" type="{{type}}" class="small-default" />
        </view>
    </view>

    <view class="group choose">
        <icon s-for="size in sizes" type="success" size="{{size}}" class="icon-size" />
    </view>

    <view class="group choose">
        <icon s-for="color in colors" type="success" size="40" color="{{color}}" class="icon-color" />
    </view>

  1. Page({
        data: {
            types: {
               smallDefault: ['success', 'info', 'warn', 'waiting',
               'success_no_circle', 'clear', 'search', 'personal',
               'setting', 'top', 'close', 'cancel', 'download',
               'checkboxSelected', 'radioSelected', 'radioUnselect']
            },
            colors: [
                '#333', '#666', '#999', '#3C76FF', '#F7534F'
            ],
            sizes: [
                40, 35, 30, 25
            ]
        }
    });

图片