scd_project/src/components/bulletBox/index.vue

<template>
  <div class="bullet_box" :style="{width:windowWidth,height:windowHeight}">

  </div>
</template>

<script>
export default {
    // 接收传过来的宽高
  props: {
    windowWidth: {
      type: String,
      default: "",
    },
    windowHeight: {
      type: String,
      default: "",
    },
  },

  data() {
    return {};
  },

  mounted() {},

  methods: {},
};
</script>

<style lang="scss" scoped>
.bullet_box {
    position: absolute;
    top: 10px;
    left: 10px;
  box-shadow: 1px 1px 3px 2px #299bff !important;
  background-color: #fff;
  border-radius: 5px;
  padding: 2rem;
  padding-top: 0;
}
</style>