1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465 |
- // https://www.npmjs.com/package/@uni-helper/unocss-preset-uni
- import { presetUni } from '@uni-helper/unocss-preset-uni'
- import {
- defineConfig,
- presetAttributify,
- presetIcons,
- transformerDirectives,
- transformerVariantGroup,
- } from 'unocss'
- export default defineConfig({
- presets: [
- presetUni({
- attributify: {
- // prefix: 'fg-', // 如果加前缀,则需要在代码里面使用 `fg-` 前缀,如:<div fg-border="1px solid #000"></div>
- prefixedOnly: true,
- },
- }),
- presetIcons({
- scale: 1.2,
- warn: true,
- extraProperties: {
- 'display': 'inline-block',
- 'vertical-align': 'middle',
- },
- }),
- // 支持css class属性化
- presetAttributify(),
- ],
- transformers: [
- // 启用指令功能:主要用于支持 @apply、@screen 和 theme() 等 CSS 指令
- transformerDirectives(),
- // 启用 () 分组功能
- // 支持css class组合,eg: `<div class="hover:(bg-gray-400 font-medium) font-(light mono)">测试 unocss</div>`
- transformerVariantGroup(),
- ],
- shortcuts: [
- {
- center: 'flex justify-center items-center',
- },
- ],
- safelist: [],
- rules: [
- [
- 'p-safe',
- {
- padding:
- 'env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)',
- },
- ],
- ['pt-safe', { 'padding-top': 'env(safe-area-inset-top)' }],
- ['pb-safe', { 'padding-bottom': 'env(safe-area-inset-bottom)' }],
- ],
- theme: {
- colors: {
- /** 主题色,用法如: text-primary */
- primary: 'var(--wot-color-theme,#0957DE)',
- },
- fontSize: {
- /** 提供更小号的字体,用法如:text-2xs */
- '2xs': ['20rpx', '28rpx'],
- '3xs': ['18rpx', '26rpx'],
- },
- },
- })
|