cloud-ui.vusion
Version:
Vusion Cloud UI
35 lines (30 loc) • 1.2 kB
Markdown
### 基本用法
`'u-action'`实际使用组件`'u-link'`进行渲染，所以具备`'u-link'`的所有功能，不需要再其内部使用`'u-link'`组件实现跳转等功能
``` html
<u-linear-layout direction="vertical">
<u-actions>
<u-action disabled>设置</u-action>
<u-action to="/components/u-navbar">跳转到 Navbar</u-action>
<u-action>重启</u-action>
</u-actions>
<u-actions>
<u-action disabled>设置</u-action>
<u-action to="/components/u-navbar">跳转到 Navbar</u-action>
<u-action>重启</u-action>
<u-action disabled>保存为镜像</u-action>
<u-action to="/components/u-select">跳转到 Select</u-action>
</u-actions>
</u-linear-layout>
```
### 使用指令
``` html
<u-linear-layout direction="vertical">
<u-actions>
<u-action disabled>设置</u-action>
<u-action v-tooltip="'跳转到 Navbar'" to="/components/u-navbar">显示Tips</u-action>
<u-action>重启</u-action>
<u-action disabled>保存为镜像</u-action>
<u-action v-tooltip="'跳转到 Select'" to="/components/u-select">显示Tips</u-action>
</u-actions>
</u-linear-layout>
```