Skip to content

Commit

Permalink
feat(playground): add tooltip playground
Browse files Browse the repository at this point in the history
  • Loading branch information
RicardoErii committed Feb 20, 2023
1 parent e60ca01 commit 4aa6002
Showing 1 changed file with 53 additions and 0 deletions.
53 changes: 53 additions & 0 deletions playground/src/views/LTooltip.vue
Original file line number Diff line number Diff line change
@@ -0,0 +1,53 @@
<script setup lang="ts">
import { LButton, LToolTip } from 'lucky-design'
const onSuccess = (res: any) => {
// console.log(res)
}
const onProgress = (ev: ProgressEvent<XMLHttpRequestEventTarget>) => {
// console.log(ev)
}
const beforeUpload = (file: File) => {
// console.log(file)
return Promise.resolve()
}
</script>

<template>
<div>
<div class="container">
<p>
<LToolTip content="阿斯顿撒旦" placement="bottom">
<LButton text="测试" type="primary" />
</LToolTip>
</p>
<p>
<LToolTip content="阿斯顿撒旦" placement="top">
<LButton text="测试" type="primary" />
</LToolTip>
</p>
<p>
<LToolTip content="阿斯顿撒旦" placement="left">
<LButton text="测试" type="primary" />
</LToolTip>
</p>
<p>
<LToolTip content="阿斯顿撒旦" placement="right">
<LButton text="测试" type="primary" />
</LToolTip>
</p>
</div>
</div>
</template>

<style>
.container {
display: flex;
align-items: center;
justify-content: space-evenly;
width: 100%;
height: 200px;
flex-direction: row;
}
</style>

0 comments on commit 4aa6002

Please sign in to comment.