当前位置：文江博客 Node Package Readme @addasoft/album-art-component 中文文档教程

@addasoft/album-art-component 中文文档教程

发布于 4年前浏览 11 项目主页更新于 3年前

Album art WebComponent

不必了解艺术家和专辑提供者的所有不同 API，如何使用一个 webcomponent 为您做这件事呢？

<!-- artist art -->
<album-art artist="the gathering"></album-art>
<!-- album art -->
<album-art artist="the gathering" album="home"></album-art>

您只需为很棒的乐队 the gathering 获取和展示艺术家的艺术作品。您可以通过在 CSS 中设置它们来轻松地为艺术提供宽度和高度

album-art {
  width: 200px;
  height: 200px;
}

是的，就是这么简单。

Develop

npm run start

用于开发构建和

npm run build

构建新的分发构建。

Add a new provider

TODO：我们的想法是，社区可以添加新的艺术提供者，这些提供者将在构建过程中被发现，并且将使用所有这些提供者直到找到合适的图像。不过现在，用拉取请求给我一个惊喜

原文

Album art WebComponent

Instead of having to know all different APIs for Artist and Album providers what about a webcomponent that does it for you?

<!-- artist art -->
<album-art artist="the gathering"></album-art>
<!-- album art -->
<album-art artist="the gathering" album="home"></album-art>

Is all you need to fetch and display artist art for the awesome band the gathering. You can easily provide the width and height for the art by setting them in CSS

album-art {
  width: 200px;
  height: 200px;
}

Yes it is that easy.

Develop

npm run start

for a development build and

npm run build

to build a new distribution build.

Add a new provider

TODO: the idea is that we, the community, can add new art providers which will be discovered during the build process and all of them will be used till a proper image is found. For now though, surprise me with a pull request

友情链接

文江博客

@addasoft/album-art-component 中文文档教程

Album art WebComponent

Develop

Add a new provider

Album art WebComponent

Develop

Add a new provider

你可能也喜欢

友情链接