将 px 转 vw
pinos-uiimport { transformPxToViewport } from '@pinos-ui/utils'
75px
20vw
<template>
<div class="box">
<h4>初始值：</h4>
<p>{{ str }}</p>
<h4>转化后</h4>
<p>{{ transformPxToViewport(str) }}</p>
</div>
</template>
<script lang="ts" setup>
import { transformPxToViewport } from '@pinos-ui/utils'
import { ref } from 'vue'
const str = ref('75px')
</script>
| 参数名 | 说明 | 类型 | 必传 | 默认值 |
|---|---|---|---|---|
| value | 要转化的值 | string | 是 | - |
| config | 配置项 | object | 否 | - |
| 参数名 | 说明 | 类型 | 必传 | 默认值 |
|---|---|---|---|---|
| viewportWidth | 视口宽度 | number | 否 | 375 |
| minPixelValue | 最小px的值 | number | 否 | 1 |
| unitPrecision | 单位的转化精度 | number | 否 | 8 |
| viewportUnit | 转换后的单位 | string | 否 | vw |
export declare function transformPxToViewport(value: string, config?: {
viewportWidth?: number;
minPixelValue?: number;
unitPrecision?: number;
viewportUnit?: string;
}): string;