感谢 非常感谢各位为 Omi 生态的贡献: 土耳其的大神 F 韩国的 LeeHyungGeun 韩国的 validalias 腾讯的 xcatliu 腾讯的 vorshen 腾讯的 uxu 腾讯的 ghostzhang 腾讯的 zhengbao 1921622004 青岛老前端 wadellg 以色列的 benjamingr ...

Elevation 使用 Omi 中使用 API Props Elevation 阴影提供关于物体深度和方向运动的重要视觉线索。 它们是唯一的视觉提示，表明表面之间的分离量。 对象的高程确定其阴影的外观。 高程值在“z-space”中映射，范围从0到24。 使用 <m-elevation css = ".mdc-elevati...

Row 使用 在 Omi 中使用 API Props Row 24 栅格系统。 使用 <m-row cols = "[8, 8, 8]" > <div> col-8-0 </div> <div> col-8-1 </div> <div> col-8-2 </div> </m-row> ...

Rate 使用 API Props Rate 评分组件。 使用 <h3> Simple </h3> <m-rate total = "5" value = "1" color = '#0072d9' ></m-rate> <h3> With Event </h3> <m-rate id = "myRate" ...

Fab 使用 Omi 中使用 API Props Fab 浮动操作按钮表示应用程序中的主要操作。 使用 <m-fab ripple icon = "favorite_border" ></m-fab> <m-fab ripple mini icon = "favorite" ></m-fab> <m-...

性能对比 因为 react 版本会有 diff 过程，然后 apply diff to dom 的过程，state 改变不会整个 innerHTML 全部替换，所以对浏览器渲染来说还是很便宜，但是在 js 里 diff 的过程的耗时还是需要去 profiles 一把，如果耗时严重，不在 webworker 里跑还是会卡住UI线程导致卡顿，动画卡顿丢帧、交...

Table 使用 Omi 中使用 API Props Table 表格，用于显示二维数据。 使用 <m-table id = "myTable" ></m-table> <script> const table = document . querySelector ( '#myTable' ) tab...

Linear Progress 使用 Omi 中使用 API Props Linear Progress 线性进度组件是符合材料设计进度和活动要求的规范对齐线性进度指示器组件。 使用 <m-linear-progress value = '0.3' buffer = '0.5' ></m-linear-progress> <...

Slider 使用 Omi 中使用 API Props Slider Slider提供了“材质设计”滑块组件的实现。 滑块完全支持RTL，并符合WAI-ARIA滑块创作实践。 使用 <m-slider onchange = ' change ( event ) ' > </m-slider> <m-slider valu...

Omim Chart 支持的标签 安装 通过 script 通过 npm Omim Chart Omi 和 chart.js 扩展的图表📈标签 支持的标签 <m-bar></m-bar> <m-line></m-line> <m-scatter></m-scatter> <m-pie></m-pie> <m-do...