跳到主要内容

usePreferredReducedTransparency

分类
导出大小
1.22 kB
上次更改
3 个月前

响应式的 prefers-reduced-transparency 媒体查询。

演示

首选透明度
无偏好

用法

ts
import { 
usePreferredReducedTransparency
} from '@vueuse/core'
const
preferredTransparency
=
usePreferredReducedTransparency
()

组件用法

此函数还通过 @vueuse/components 包提供了一个无渲染组件版本。了解更多用法

vue
<template>
  <UsePreferredReducedTransparency v-slot="{ 
transparency
}">
Preferred Reduced transparency: {{
transparency
}}
</UsePreferredReducedTransparency> </template>

类型声明

ts
export type 
ReducedTransparencyType
= "reduce" | "no-preference"
/** * Reactive prefers-reduced-transparency media query. * * @see https://vueuse.org.cn/usePreferredReducedTransparency * @param [options] * * @__NO_SIDE_EFFECTS__ */ export declare function
usePreferredReducedTransparency
(
options
?:
ConfigurableWindow
,
):
ComputedRef
<
ReducedTransparencyType
>

来源

源代码演示文档

贡献者

SerKo
huiliangShen

更新日志

v13.6.0
d32f8 - refactor: 为所有纯函数添加 @__NO_SIDE_EFFECTS__ 注释 (#4907)
34cd7 - feat: 添加新函数 (#4201)

根据 MIT 许可证发布。