README

Laravel 模板 CarbonIcons 模块

安装

您可以通过 composer 安装此包

composer require akkurate/laravel-carbon-icons

该包将自动注册自己。

如果您想使用以下方式覆盖配置

php artisan vendor:publish --provider="Akkurate\LaravelCarbonIcons\LaravelCarbonIconsServiceProvider" --tag="icons"

预览

自定义图标可以在以下路由预览： ../dev/guideline

这是一个开发路由，因此您需要处于 local 状态才能查看。

命令

php artisan carbon-icons:generate

集成

您只需在 Icon.vue 文件中导入所需的图标。

import akkurate24 from './../icons/akkurate/24';
import scale24 from './../icons/scale/24';
import scooter24 from './../icons/scooter/24';
import circleGroup24 from './../icons/circle--group/24';

并将它们添加到组件列表中。

生产

A traduire

图标的生产必须遵循特定的过程

创建图标

图标是在 Illustrator 中创建的，其中 PDF 文件（可编辑）在仓库的 elements/ 文件夹中可用。

这分为两个步骤

使用 Design.pdf 文件，需要创建图标（不要合并路径）
一旦图标得到验证，就需要重新打开它来将它们插入到 Production.pdf 文件中，并合并路径和形状。

图标放置在不同的工作平面中，其名称必须遵循以下约定

没有空格
没有特殊字符
如果需要复合词，请使用 CamelCase 方法（例如：CircleGroup）

生产图标

使用 屏幕导出功能，需要生产将放置在仓库 resources/js/design/ 文件夹中的 SVG。

一旦新图标放置在文件夹中，就需要运行以下命令

php artisan carbon-icons:generate

如果已修改图标，则应添加 --force 参数以刷新整个图标集，否则，只会生成新图标。

生成的图标是 VueJS 组件，它们将放在 resources/js/production/ 文件夹中。每个图标都将有一个文件夹，其中可以找到每个所需大小的 JavaScript 文件。

akkurateio / laravel-carbon-icons

维护者

详细信息

README

安装

预览

命令

集成

生产

创建图标

生产图标