Skip to content

⭐A react component based on iztro to generate an astrolabe of Zi Wei Dou Shu. 基于iztro实现的紫微斗数星盘React组件。

License

Notifications You must be signed in to change notification settings

SylarLong/react-iztro

Repository files navigation

📦 react-iztro

基于iztro的react组件,用于生成一张紫微斗数星盘。

react component of iztro used to generate an astrolabe of Zi Wei Dou Shu.

npm npm GitHub GitHub code size in bytes Package Quality


image

安装

npm install react-iztro -S

当然你也可以使用 yarn

yarn add react-iztro

使用

import {Iztrolabe} from "react-iztro"

function App() {
  return (
    <div className="App" style={{ width: 1024, margin: '50px auto', boxShadow: '0 0 25px rgba(0,0,0,0.25)'}}>
      <Iztrolabe 
        birthday="2003-10-12" 
        birthTime={1} 
        birthdayType="solar" 
        gender="male" 
        horoscopeDate={new Date()} // 新增参数,设置运限日期【可选,默认为当前时间】
        horoscopeHour={1}  // 新增参数,设置流时时辰的索引【可选,默认会获取 horoscopeDate 时间】
      />
    </div>
  );
}

export default App;

如此你就得到了上图所示的一张星盘。有兴趣的同学可以持续关注。记得给⭐️⭐️哦

克隆到本地

如果你想将代码克隆到本地查看,可以用以下步骤进行

  1. 克隆代码
git clone https://github.com/SylarLong/iztro-docs.git
  1. 安装依赖
npm install

或者

yarn
  1. 启动

    npm run storybook
    

    或者

    yarn storybook
    
  2. 预览

    打开浏览器,输入 http:https://localhost:6006 即可预览。

贡献

如果你想对本程序进行贡献,可以 fork 本仓库到你的仓库里进行改进,完成开发或者修复以后提交 pull request 到本仓库。

About

⭐A react component based on iztro to generate an astrolabe of Zi Wei Dou Shu. 基于iztro实现的紫微斗数星盘React组件。

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published