设备模型 Devices

概览

FeatureDevices 用于展示移动端 App 或移动网页的效果，通过精致的手机外壳模型提升专业度。

实时预览

完美适配移动端

流畅动画

高清预览

使用方法

import { FeatureDevices } from '@goenhance/cms-ui';

const Example = () => (
  <FeatureDevices
    title="移动端特性"
    list={[
      { title: "...", title_image: "...", mediaUrl: "..." }
    ]}
  />
);

属性说明 (Props)

属性	类型	默认值	说明
title	string	-	区域大标题
list	FeatureDeviceItem[]	[]	手机列表项

FeatureDeviceItem

属性	类型	说明
title	string	项标题
title_image	string	标题旁的图标 URL
mediaUrl	string	手机内显示的媒体 URL (支持 MP4)

特性

• 模型高仿真：内置经典的智能手机外壳模型。
• 自动播放：手机内的视频内容自动静音循环播放。
• 自适应排版：在大屏幕三个一排，小屏幕自动堆叠。