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