Open tutusiji opened 1 month ago
https://www.tuziki.com/coder/article/6714ef24e9d42916eda727e3?
使用Unocss可以高效处理tailwindcss和icon图标。首先，通过pnpm安装相关依赖，包括Unocss和iconify的工具。然后，在项目根目录创建uno.config.ts配置文件，导入并定义Unocss的配置。配置包括启用默认预设、精简实用工具类、Attributify模式、图标支持等，还定义了快捷书写方式和转换器。这样，就可以在页面上方便地使用类似Tailwind的实用工具类和自定义图标了。例如，通过给元素添加不同的类名，可以实现文本大小、颜色、溢出省略等样式的快速设置，同时还可以通过类名直接引用自定义图标，并指定其作为蒙版或背景使用。
icon mark
tutusiji
commented
1 month ago tutusiji
commented
1 month ago
https://www.tuziki.com/coder/article/6714ef24e9d42916eda727e3?
使用Unocss可以高效处理tailwindcss和icon图标。首先，通过pnpm安装相关依赖，包括Unocss和iconify的工具。然后，在项目根目录创建uno.config.ts配置文件，导入并定义Unocss的配置。配置包括启用默认预设、精简实用工具类、Attributify模式、图标支持等，还定义了快捷书写方式和转换器。这样，就可以在页面上方便地使用类似Tailwind的实用工具类和自定义图标了。例如，通过给元素添加不同的类名，可以实现文本大小、颜色、溢出省略等样式的快速设置，同时还可以通过类名直接引用自定义图标，并指定其作为蒙版或背景使用。