颜色模式图像

一个 <img> 具有不同的光暗模式源。

用法

<script setup lang="ts">
const light = 'https://picsum.photos/id/29/200'
const dark = 'https://picsum.photos/id/46/200'
</script>

<template>
  <UColorModeImage :light="light" :dark="dark" />
</template>

道具

暗必需

字符串

亮必需

字符串

作为

字符串 | 记录<字符串, 任何>

"img"

颜色模式按钮

用于在颜色模式之间切换的按钮。

颜色模式选择

用于在颜色模式之间切换的选择框。