icon

图标。

内置数量有限，如需更多丰富的 icon, 可看扩展组件 bz-icon 内容

<icon :type="value"/>

使用示例

扫码预览

用BoosHi扫码或PC端点击

<template>
  <view class="demo-ui-page">
    <view class="demo-title">icon 图标</view>
    <view class="demo-padding-wrap">
      <bz-grid minmax="100px" spacingY="20px">
        <view class="demo-ui-icon-item" v-for="(value,index) in iconType" :key="index">
            <icon :type="value" size="26"/>
            <text>{{value}}</text>
        </view>
      </bz-grid>
    </view>
  </view>
</template>

<script>
	export default {
		data() {
			return {
                iconType: ['success', 'success_no_circle', 'info', 'warn', 'waiting', 'cancel', 'download', 'search','clear']
			}
		}
	}
</script>

<style lang="scss" scoped>
.demo-ui-icon-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
</style>

展开 刷新 关闭

有效值

• success
• success_no_circle
• info
• warn
• waiting
• cancel
• download
• search
• clear