@boringer-avatars/vue3 (英语)

程序生成 Avatars 用于您的申请 。 使用这些相机作为占位符,直到您的用户上传自己的图像. 几种可选的变体和风格.

这回贷是从 无聊的爱好者它旨在为尽可能多的框架建立跨框架的执行。 (Angular, React, Vue, Solid, Svelte, Quik等).

安装

npm install @boringer-avatars/vue3
# or
yarn add @boringer-avatars/vue3
# or
pnpm add @boringer-avatars/vue3

使用量

<script setup>
          import { Avatar } from "@boringer-avatars/vue3";
        </script>

        <template>
          <Avatar
            :title="false"
            :size="400"
            variant="beam"
            name="testing"
            :square="false"
            :colors="['#FFAD08', '#EDD75A', '#73B06F', '#0C8F8F', '#405059']"
          />
        </template>

道具

您可以传递到组件的选项如下:.

需求

• 名称: 弦乐. name 用于确定每个外观的精确绘图。 这使得每个用户都不同. 您也可以使用ID值而不是名字. 这是唯一的必要值.

可选

• 变体数字 : Variant。确定Avatar的样式。 有效值包括:"像素","bauhaus","环","束","日落","可分". 默认为 "beam"。 。 。 .

• 颜色数字 : string[]。一个有效的Hex颜色阵列。 5个不同的颜色是最佳数量. 或多或少还是可行的。 默认为: ["#92A1C6", "#146A7C", "#F0AB3D", "#C271B4", "#C20D90"]。 。 。 .

• 平方圆数字 : boolean决定阿凡达是圆形还是方形. 默认为: false

• 有标题数字 : boolean决定 Avatar 是否显示标题值 。 默认为: false

• 大小数字 : string。确定图像的宽度和高度。 您可以使用任何有效的 Css 值 。 例如:"42px","42%","42vw"等. 默认为: 42px

许可证

MIT 许可证

版权 (c) 2021 无聊设计师

版权 (c) 2022-2023 cmgriffing

特此免费准许任何人获得副本 ,用于处理 在软件中不受限制,包括不受限制的权利 使用、复制、修改、合并、出版、分发、分许可证和/或出售 软件的复制件,并允许该软件所针对的人 满足下列条件:

上述版权通知和这项许可通知应载入所有 软件的复制件或大部分.

软件是提供的"AS IS", 没有任何的恐惧, EXPRESS OR ,包括但不限制于雇佣军的保障, 特别目的和非目的的证明。 绝对不会 B. 任何索赔、索赔或其他索赔的索赔人或 责任,在契约、契约或其他行为中,产生于, 财产、财产、财产、财产、财产或财产 软件.