Skip to content

Commit

Permalink
docs(Popper): 解决控制台告警问题 (#871)
Browse files Browse the repository at this point in the history
  • Loading branch information
ocean-gao authored Jul 31, 2024
1 parent d56c80e commit 702a22e
Show file tree
Hide file tree
Showing 2 changed files with 7 additions and 19 deletions.
22 changes: 6 additions & 16 deletions docs/.vitepress/components/popper/common.vue
Original file line number Diff line number Diff line change
@@ -1,34 +1,24 @@
<template>
<FPopper placement="bottom" trigger="hover" :arrow="true" @trigger="handleTriggerChange">
<FPopper placement="bottom" trigger="hover" :arrow="true">
<template #trigger>
<FButton>Hover to activate</FButton>
</template>
<div style="padding: 30px">
this is content, this is content, this is content
</div>
<div style="padding: 30px">this is content, this is content, this is content</div>
</FPopper>
<FPopper placement="top" trigger="click" :arrow="true" @trigger="handleTriggerChange">
<FPopper placement="top" trigger="click" :arrow="true">
<template #trigger>
<FButton style="margin-left: 10px">Click to activate</FButton>
</template>
<div style="padding: 30px">
this is content, this is content, this is content
</div>
<div style="padding: 30px">this is content, this is content, this is content</div>
</FPopper>
<FPopper placement="right" trigger="focus" :arrow="true">
<template #trigger>
<FButton style="margin-left: 10px">Focus to activate</FButton>
</template>
<div style="padding: 30px">
this is content, this is content, this is content
</div>
<div style="padding: 30px">this is content, this is content, this is content</div>
</FPopper>
</template>

<script setup lang="ts">
const handleTriggerChange = (state: string) => {
console.log('[popper.common] handleTriggerChange, state:', state);
};
</script>
<script setup lang="ts"></script>

<style scoped></style>
4 changes: 1 addition & 3 deletions docs/.vitepress/components/popper/visible.vue
Original file line number Diff line number Diff line change
Expand Up @@ -25,9 +25,7 @@
<template #trigger>
<FButton>Click to activate</FButton>
</template>
<div style="padding: 30px">
this is content, this is content, this is content
</div>
<div style="padding: 30px">this is content, this is content, this is content</div>
</FPopper>
</template>

Expand Down

0 comments on commit 702a22e

Please sign in to comment.