usePreferredReducedTransparency

反应式 prefers-reduced-transparency 媒体查询。

¥Reactive prefers-reduced-transparency media query.

示例

源代码演练场

Preferred Transparency:

no-preference

用法

¥Usage

ts

import { usePreferredReducedTransparency
 } from '@vueuse/core'

const preferredTransparency
 = usePreferredReducedTransparency
()

组件用法

¥Component Usage

vue

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