easy-pie

不同角度创造自定义元素

Usage no npm install needed!

<script type="module">
  import easyPie from 'https://cdn.skypack.dev/easy-pie';
</script>

README

progresspie

从不同角度创造自定义元素.

how to use

step 1

  • npm install -g cnpm --registry=https://registry.npm.taobao.org
  • cnpm install easy-pie --save
  • 或者使用 yarn add easy-pie

step 2

import EasyPie from 'easy-pie';

  • use in react
    <EasyPie
        createElement={React.createElement}
        width="150px"
        height="150px"
        percent="45"
        backColor="#655"
        percentColor="yellowgreen"
    />

    react 通过jsx创建自定义组件并导出html模版，为了借用它这种工作模式，需要把React.createElement方法传入进来  否则返回空内容

    react 同时适用下面这种方法
  • use in 其他框架
    <easy-pie
        width="150px"
        height="150px"
        percent="45"
        backColor="#655"
        percentColor="yellowgreen"
    >
    </easy-pie>

    在引人组件的时候同时创建了自定义元素 easy-pie 直接在html传入对应属性即可

有什么好的想法，欢迎一起成长交流 WeChat：mrliaojun

github

Jared