字体 MiSansLatin

610,57.26
SS01 数字专用标点
关闭
启用
96%
SS02 单位小上标
关闭
启用
37℃
SS03 单位小下标
关闭
启用
4月21日
SS04 汉字等高数字
关闭
启用
that's,me
SS07 西文式标点
关闭
启用
*0#
SS08 拨号盘专用符号
关闭
启用
359263
SS09 小字面数字
关闭
启用
1/3
frac 分数
关闭
启用
m2x3
sups 数字上标
关闭
启用
H2O2
subs 数字下标
关闭
启用
(HBCD)
case 大写形态
关闭
启用
816186
thum 等宽数字
关闭
启用
Hello World
剃须刀-air
剃须刀-pro
剃须刀-pro剃须刀-air
演示一下如何超出容器显示，关键在 shrink-0
正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文 文正文正文正文正文正文正文正文正文正文正文正文正文。

文字逐渐高亮变化

这款极具未来感的剃须刀，
将彻底改变
你对小工具的看法。
它，强劲、高效、小巧，
有透明探索视窗，
能直观感受电机动力。

序列帧动画演示

自动播放--通过设置 interval 的时间来控制速度--单位毫秒-目前默认800ms

Frame 2
Frame 3
Frame 4
Frame 5
Frame 6
Frame 7
Frame 9
Frame 10
Frame 11
Frame 12

序列帧动画演示

滚动页面查看动画效果

顶部固定内容

这些内容会固定在序列帧上方...

Frame 2
Frame 3
Frame 4
Frame 5
Frame 6
Frame 7
Frame 9
Frame 10
Frame 11
Frame 12

底部固定内容

这些内容会固定在序列帧下方...

技术

创新看得到，听得到，
也感觉得到。

从内到外，打破种种局限。Apple Vision Pro 能实现非凡的空间体验，属于升 Apple 突破性的技术，显示屏只有邮票大小，每只眼睛分到的像素却比 4K 电视还要多；先进的空间音频，声声震撼；开创性的双芯片设计，是 Apple 定制芯片的又一个代表作；还有超精密的摄像头和传感器阵列。各门绝技强强联合，带来超乎想象的体验。只有亲眼所见，才能明白有多精彩。

Vision Pro Layer 1
Vision Pro Layer 2Vision Pro Layer 2 Stacked
Vision Pro Layer 3
Vision Pro Layer 4

轮播 Carousel Demo

1212
1212
1212
1212
1212
1212
1212
1212
1212
wifi
高速 Wi-Fi
让文件传输快如飞
tv_displays
最多可外接两台
6K 显示器
usb
最多达四个
雷雳 4端口

多分辨率视频

play_arrow

响应式图片

gas_meteroutletenergy_program_savinghome
加载oss图片
原始分辨率 6144 * 8192， 原图体积3.55MB
响应式图片:

局部暗黑模式

正常light
正常dark
容器wrapper

标题组组件

star-fill
Hero Badge

Hero Title

bookmark-fill
Section Badge

Section Title

bookmark-fill
module Badge

module Title

15 万转/分钟
2
3

卡片容器

我是当前的内容到overlayContent都是打赏overlayContent
add
modalContentmodalContent
add

Link组件

HomeAbout UsContact

Text文本组件

页面正文 页面正thomas is a boy文页面正 ni hao 文页面正文页面正文页面正文页面正文加粗- h1

页面正文 大有全角字符大有全角字！符大有全。角字符大，有全角字符大有，全角字符- h1

在快速发展的现代社会中，科技的创新不仅改变了我们的生活方式，也推动了社会的进步。特别是在互联网领域，用户体验逐渐成为各大平台竞争的关键因素之一。与此同时，设计规范的提升也显得尤为重要

章节正文章节正文章节正文章节正文章节正文章节正文章节正文章节正文章节正文 加粗- h2

章节正文 - h2

模块正文 模块正文模块正文模块正文模块正文模块正文加粗- h3

模块正文 - h3

辅助文本辅助文本辅助文本辅助文本辅助文本辅助文本辅助文本

辅助文本辅助文本辅助文本，辅助文本辅助文本辅助文本辅助文本 - 加粗

颜色选择组件

  • 渐变色
  •  
  •  
  •  
  •  

复合-swiper组件

  • 抹茶绿
  •  
  •  

m3u8媒体视频播放

play_arrow

BackgroundColor-Custom-Class

bg-0-page
bg-0-pureage
bg-1-card
bg-1-purecard
bg-2-modal
bg-3-toast
bg-4-special
bg-5-grey

BorderColor-Custom-Class

border-active:点击
border-card
border-default
border-hover

组件a Demo

方向：

BackgroundColor-Custom-Class

bg-page
bg-purepage
bg-card
bg-purecard
bg-modal
bg-toast
bg-special
bg-grey

FillColor-Custom-Class

fill-default
fill-hover
fill-active
fill-disabled

BorderColor-Custom-Class

border-active:点击
border-card
border-default
border-hover

Button

block

pill

icon only

size

Default

Solid

Outlined

Grey

unfilled

Card

Card Image

Card title

Do it all even when your hands are full. Air, set reminders, or find where you parked. And with back-to-back requests, you can give a command, then follow up with another once it’s complete — without having to say “Siri” again.2
Go somewhere

Gradient text