<template>
  <div class=" w-100 flex flex-col items-center">
    <div class=" relative">
      <div class=" z-10 w-[0.74rem] rounded-[0.16rem] absolute top-0 bottom-0 left-1/2 -translate-x-1/2 bg-FFAA22"></div>
      <div class=" z-20 relative text-[0.33rem] leading-[0.33rem] text-main font-bold">{{title}}</div>
    </div>
    <div class=" font-f-din text-[0.2rem] leading-[0.2rem] text-268AFF mt-[0.04rem]">{{enTitle}}</div>
  </div>
</template>

<script>
module.exports = {
  props: {
    title: {
      type: String,
      default: '招牌商品'
    },
    enTitle: {
      type: String,
      default: 'Signboard goods'
    }
  },
  methods: {
  }
}
</script>