ColorModeImage专业版

GitHub
一个在亮色和暗色模式下具有不同图片源的图像元素。

用法

当安装了@nuxt/image时,ColorModeImage 组件会使用 <NuxtImg> 组件,否则会回退到 img

<template>
  <UColorModeImage
    light="https://picsum.photos/id/29/400"
    dark="https://picsum.photos/id/46/400"
    :width="200"
    :height="200"
  />
</template>
切换亮色和暗色模式以查看不同的图片

API

属性

属性默认值类型
暗色

字符串

亮色

字符串