From ba494bedfcf9809c6c9453245ddea2cdd144584b Mon Sep 17 00:00:00 2001
From: RicardoErii <‘1974364190@qq.com’>
Date: Mon, 20 Feb 2023 15:07:22 +0800
Subject: [PATCH] feat(playground): add tooltip playground

---
 playground/src/views/LTooltip.vue | 53 +++++++++++++++++++++++++++++++
 1 file changed, 53 insertions(+)
 create mode 100644 playground/src/views/LTooltip.vue

diff --git a/playground/src/views/LTooltip.vue b/playground/src/views/LTooltip.vue
new file mode 100644
index 0000000..a758287
--- /dev/null
+++ b/playground/src/views/LTooltip.vue
@@ -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>