cloud-ui.vusion
Version:
Vusion Cloud UI
44 lines (39 loc) • 787 B
Markdown
### 基本用法
``` vue
<template>
<div>
<u-modal ref="modal" title="标题">
这是一段文字内容。
</u-modal>
<u-linear-layout>
<u-button @click="$refs.modal.open()">Modal</u-button>
</u-linear-layout>
</div>
</template>
<script>
export default {
data() {
return {
visible: false,
};
},
};
</script>
```
### 基本用法
``` html
<u-modal ref="modal1" visible icon="success">
<template #title>
<div>自定义</div>
</template>
<template #body>
<div>内容</div>
</template>
<template #foot>
<u-linear-layout>
<u-button color="primary">确定</u-button>
<u-button>取消</u-button>
</u-linear-layout>
</template>
</u-modal>
```