V2EX › wukongkong 的所有回复 › 第 3 页 / 共 24 页

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

1 2 3 4 5 6 7 8 9 10 ... 24

❮

❯

2024-04-02 20:25:20 +08:00

回复了 wukongkong 创建的主题 › CSS › unocss 如何修改默认 8 的倍数

现在的配置这样

```JavaScript
// uno.config.ts
import {
Preset,
defineConfig,
presetAttributify,
presetIcons,
transformerDirectives,
transformerVariantGroup,
} from 'unocss'

import {
presetApplet,
presetRemRpx,
transformerApplet,
transformerAttributify,
} from 'unocss-applet'

const isH5 = process.env?.UNI_PLATFORM === 'h5'
const isMp = process.env?.UNI_PLATFORM?.startsWith('mp') ?? false

const presets: Preset[] = []
if (!isMp) {
/**
* you can add `presetAttributify()` here to enable unocss attributify mode prompt
* although preset is not working for applet, but will generate useless css
* 为了不生产无用的 css,要过滤掉 applet
*/
// 支持 css class 属性化，eg: `<button bg="blue-400 hover:blue-500 dark:blue-500 dark:hover:blue-600" text="sm white">attributify Button</button>`
presets.push(presetAttributify())
}
if (!isH5) {
presets.push(presetRemRpx())
}
export default defineConfig({
presets: [
presetApplet({ enable: !isH5 }),
...presets,
// 支持图标，需要搭配图标库，eg: @iconify-json/carbon, 使用 `<button class="i-carbon-sun dark:i-carbon-moon" />`
presetIcons({
scale: 1.2,
warn: true,
extraProperties: {
display: 'inline-block',
'vertical-align': 'middle',
},
}),
],
theme: {},

/**
* 自定义快捷语句
* @see https://github.com/unocss/unocss#shortcuts
*/
shortcuts: [['center', 'flex justify-center items-center']],
transformers: [
// 启用 @apply 功能
transformerDirectives(),
// 启用 () 分组功能
// 支持 css class 组合，eg: `<div class="hover:(bg-gray-400 font-medium) font-(light mono)">测试 unocss</div>`
transformerVariantGroup(),
// Don't change the following order
transformerAttributify({
// 解决与第三方框架样式冲突问题
prefixedOnly: true,
prefix: 'fg',
}),
transformerApplet(),
],
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)' }],
],
})

/**
* 最终这一套组合下来会得到：
* mp 里面：mt-4 => margin-top: 32rpx
* h5 里面：mt-4 => margin-top: 1rem
*/
```

2024-02-27 06:46:04 +08:00

回复了 SuperXX 创建的主题 › macOS › CleanShot X 免费领取

Coupon is no longer valid

2024-02-27 05:59:23 +08:00

回复了 MostSimpleLife 创建的主题 › 程序员 › 有能搞 webview 变速加速的大佬吗

页面加载速度加快？

2024-02-26 21:04:57 +08:00

回复了 w20011025 创建的主题 › C++ › 上海申通地铁对接电信全球眼所用协议给第三方平台

这个直接这样发真的没有问题吗

2024-02-09 18:05:29 +08:00

回复了 Turkestan 创建的主题 › Next.js › Nextjs 14.1.0 项目 OOM 有人遇到过吗

和内存没啥关系，就是这些错误导致的，仔细看编译的内容