tree: 14fb68e41d0133c64629322e99141791321d5478 [path history] [tgz]
  1. index.js
  2. index.vue
  3. package.json
  4. README.md
  5. README_cn.md
  6. type.js
packages/wxc-icon/README.md

wxc-icon

Weex common iconfont summary

Demo

    

weex-ui >= 0.3.10

Code Example

<template>
   <wxc-icon name="success"></wxc-icon>
</template>

<script>
  import { WxcIcon } from 'weex-ui'
  export default {
    components: { WxcIcon }
  }
</script>

More details can be found in here

Also you can copy the name from demo

API

PropTypeRequiredDefaultDescription
namestringY-icon name (*1)
sizeStringNsmallicon size xs/small/medium/big
icon-styleObjectN{}style override (*2)
  • *1:icon name list:['less', 'more_unfold', 'back', 'more', 'add', 'subtract', 'close', 'cry', 'search', 'delete', 'help', 'refresh', 'success', 'warning', 'wrong', 'clock', 'scanning', 'filter', 'map', 'play']

  • *2:When size is not satisfied, or needs a custom style size to pass into the style overlay, for example:

     style={color:red,fontSize:'60px'}
    

Event

// `@wxcIconClicked="iconClicked"`
will return name