Poptip 气泡提示 #

<template>
  <div class="poptip-page">
    <Button type="primary" @click="btnEvent">显示</Button>
    <Poptip v-if="isShow" float>
      <ul class="menu">
        <li>全局测试列表</li>
        <li>测试列表2</li>
      </ul>
    </Poptip>
  </div>
</template>

<script>
export default {
  setup(props, context) {
    // 使用外挂方式引入
    const { ref } = window.$plus.vue;

    const isShow = ref(false);
    // const styled = ref('');

    const btnEvent = () => {
      isShow.value = !isShow.value;
    };

    return { isShow, btnEvent };
  },
};
</script>

<style lang="less">
.poptip-page {
  //菜单栏
  .qv-poptip {
    // 整体位置
    right: 0.05rem;
    &:before {
      // 顶部箭头的位置
      left: 80%;
    }
  }
}
</style>