一个Hbuilder的UnoCss的快速使用模板(含图标版)

一个UnoCss的快速使用模板第一次使用需要安装依赖npm i项目图标库使用了@iconify可根据需要在unocss.config.js中添加库名: () => import('@iconify-json/库名').then((i) => i.icons)另外你还可以添加预设#preset-uno这个预设供给了盛行的实用程序优先结构的通用超集,包含Tailwind CSS,Windi CSS,Bootstrap,Tachyons等比如ml-3(Tailwind),ms-2(Bootstrap),ma4(Tachyons),mt-10px(Windi CSS)这些写法都会生效#preset-attributify承继了WindiCSS的特点化方法,简化了书写class,以特点的方法去写class,但是在运用组件的时候,较大或许呈现特点太多,简单混杂的情况。可根据需要在unocss.config.js中取消注释即可
zip 文件大小:52.07KB