<template>
  <div class="title-3">
    <span>{{ title }}</span>
  </div>
</template>

<script setup>
  let props = defineProps({
    title: {
      type: String,
      default: ''
    }
  })
</script>

<style scoped lang="scss">
  .title-3 {
    position: relative;
    width: 100%;
    height: vh(12);
    margin-top: vh(20);
    background-image: url('@/assets/images/title-6.png');
    background-size: 100% 100%;

    & > span {
      position: absolute;
      bottom: vh(4);
      left: vw(20);
      font-size: vw(15);
      font-weight: bold;
      background-image: linear-gradient(to bottom, #ffffff 0%, #0096ff 100%);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent; /* 兼容WebKit内核浏览器 */
      color: transparent; /* 兼容其他浏览器 */
    }
  }
</style>
