Skip to content
Seniverse v3 widget
TypeScript JavaScript HTML CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
config
demo
public
scripts
src
.editorconfig
.eslintignore
.eslintrc.js
.gitignore
.prettierrc
.stylelintrc.js
LICENSE
README.md
package.json
tsconfig.json

README.md

widget-v3-frontend

心知天气v3版插件,一款简洁美观的免费开源天气插件,为您的 WEB 及 APP 提供更加快速准确且灵活的天气预报功能

如何开始

  1. clone 源代码到本地

    $ git clone
    $ cd widget-v3-frontend
    $ npm i
  2. 启动 widget-v3-server,将 npm run init 中生成的 Token 复制下来,填写到 src/containers/DevPlayground/index.tsx 对应的位置

  3. 启动 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。效果截图:

cyberpunk chinese japanese halloween lovecircle girl

License

Apache License 2.0

You can’t perform that action at this time.