心知天气v3版插件，一款简洁美观的免费开源天气插件，为您的 WEB 及 APP 提供更加快速准确且灵活的天气预报功能
-
clone 源代码到本地
$ git clone $ cd widget-v3-frontend $ npm i -
启动 widget-v3-server，将
npm run init中生成的 Token 复制下来，填写到src/containers/DevPlayground/index.tsx对应的位置 -
启动 dev-server
$ npm run start
┌── config # webpack 等配置文件
├── public # 公共资源存放
├── scripts # 开发部署时使用的脚本
└── src # 项目源码
├── api # 通信基类以及后端交互接口
├── components # 公用组件
├── containers # 公用组件
| ├── App # 程序主入口
| ├── Bars # 插件类型管理
| | ├── SlimBar # 固定极简
| | ├── BubbleBar # 浮动气泡
| | └── PerformanceBar # 全屏模式
| ├── DevPlayground # 本地开发入口，可以在此修改处传入不同参数调试
| └── UiManager # 卡片管理器
| ├── Main # 主卡片，每个配置中都有
| ├── Tile # 磁贴式卡片
| ├── Carousel # 轮播式卡片
| └── Chart # 图表式卡片
├── types # ts 接口声明
├── utils # 样式、时间处理等公用函数
└── index.tsx # 入口文件
插件允许用户自行修改样式。样例代码可见: demo。效果截图：
