1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
| // 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'],
| },
| },
| })
|
|
