context-menu-tool.vue 558 B

12345678910111213141516171819202122232425262728
  1. <template>
  2. <div class="context-menu-tool">
  3. 右键菜单
  4. <div>{{data}}</div>
  5. </div>
  6. </template>
  7. <script setup lang="ts">
  8. import {getCurrentInstance, reactive, ref} from "vue";
  9. const emits = defineEmits([])
  10. const props = defineProps({
  11. data: {}
  12. })
  13. const {proxy}: any = getCurrentInstance()
  14. const state: any = reactive({
  15. })
  16. </script>
  17. <style lang="scss" scoped>
  18. .context-menu-tool {
  19. padding: 10px;
  20. background-color: #ffffff;
  21. border: 1px solid rgba(0, 0, 0, 0.1);
  22. border-radius: 10px;
  23. box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  24. }
  25. </style>