busroute/src/components/box.vue

<template>
  <div
    class="box"
    :style="`width:${width}px;height:${height}px`"
  >
    <div class="box-top" />
    <div class="box-content">
      <slot />
    </div>
  </div>
</template>

<script setup lang='ts'>
const props = defineProps<{
        width: number,
        height: number
}>()
</script>

<style lang="scss" scoped>
.box {
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, rgba(33, 133, 232, 0.0902) 0%, rgba(0, 170, 255, 0) 99%);

        &-top {
                background: url(../assets/img/1.png) no-repeat left center;
                width: 100%;
                height: 60px;
                background-size: contain;
        }
}
</style>