<template>
    <div class="item-title">{{ title }}</div>
  </template>
  
<script>
export default {
    name: 'ItemTitle',

    props: {
        title: {
            type: String,
            default: ''
        }
    },

    data() {
        return {
        }
    },

    methods: {
        
    }
}
</script>
  
<style lang="scss">
.item-title {
    width: 100%;
    height: px2rem(40);
    background: url(../assets/image/sub-title.png) no-repeat;
    background-size: 80% 100%;
    background-position: center;
    text-align: center;
    line-height: px2rem(40);
    font-size: px2rem(16);
    font-weight: bold;
}
</style>
  