Transfer List 使用 API Props Event Transfer List 传输列表允许用户在列表之间移动一个或多个列表项。 使用 <script src = "https://tencent.github.io/omi/packages/omi/dist/omi.dev.js" ></script> <scr...

Checkbox 使用 （Omi 中使用方式相同） API Props Checkbox 复选框允许用户从一组中选择一个或多个项目。 使用 （Omi 中使用方式相同） <m-checkbox label = 'Label' > </m-checkbox> <m-checkbox checked label = 'c...

Top App Bar 使用 Omi 中使用 API Props Top App Bar Top App Bar充当应用程序标题，导航图标和操作项等项目的容器。 使用 方法1： <m-top-app-bar adjust dense fixed heading = 'Omim' navigations ...

Star & Fork → omi-transform

开发者工具 使用 Omi 开发工具 可以非常简单地调试和管理你的 UI。不需要任何配置，你只要安装然后就能调试。 既然 Omi 使用了 Web Components 和 Shadow-DOM, 所以不需要像 React 和 Vue 一样安装其他元素面板，只需要使用 Chrome 自带的 Elements’ sidebar 便可，它和 React and...

To 在 Omi 中使用 API Props Demo To 使用 m-to 运动一切。 在 Omi 中使用 <m-to from = {{ number : 1 }} to = {{ number : 100 }} duration = {600} easing = 'bounc...

Icon 使用 Omi 中使用 API Props Icon SVG 制作的 Icon. 使用 <m-icon path = 'M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2...

Use import { define , render } from 'omi' define ( 'my-counter' , function () { const [ count , setCount ] = this . use ({ data : 0 , eff...

Transition Usage 案例 Transition Transition & Transition Group. 很容易运动一个或者一堆 dom 元素，提供优雅的进入或者离开过渡动画。 Usage <m-transition></m-transition> <m-transition-group></m-transition-...

Drawer 使用 Omi 中使用 API Props Drawer 导航抽屉用于组织对应用程序的目标和其他功能的访问。 使用 <m-drawer show position = "left" > <m-list single-selection css = "ul{ ...