30-unoCss原子化

npm i -D unocss图标集合安装  https://icones.js.org/
npm i -D @iconify-json/ic

main.ts

vite.config.ts 

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'import unoCss from 'unocss/vite'
import { presetIcons, presetAttributify, presetUno } from 'unocss'
// https://vitejs.dev/config/
export default defineConfig({plugins: [vue(),unoCss({presets: [presetIcons(), presetAttributify(), presetUno()],rules: [['flex', { display: 'flex' }],['globalColor', { color: '#000fff' }],[/^m-(\d+)$/,([,d]) => ({ margin: `${ Number(d) * 10 }px` })],],shortcuts: {cike: ['flex', 'globalColor']}})]
})

使用

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！