<template>
  <view class="menu_title">
    <img :src="title_bg" class="menu_title_bk" />
    <text class="menut_title_text">{{ title }}</text>
  </view>
</template>

<script setup lang="ts">
import title_bg from "@/assets/zixun/title_bg1.png";

const props = defineProps({
  // 列表内容
  title: {
    type: Object,
    default: () => {},
  },
});
</script>

<style lang="scss" scoped>
.menu_title {
  position: relative;
  margin-left: 30rpx;
  margin-top: 30rpx;
}

.menu_title_bk {
  width: 282rpx;
  height: 54rpx;
}

.menut_title_text {
  font-family: AlibabaPuHuiTiM;
  font-size: 28rpx;
  color: #ffffff;
  line-height: 38rpx;
  text-shadow: 0px 2px 2px rgba(50, 110, 211, 0.71);
  text-align: right;
  font-style: normal;
  position: absolute;
  top: 10rpx;
  left: 15rpx;
}
</style>
