<template>
	<view class="shops-til flex al-item-center">
		<image class="shops-til__icon" :src="event_rul + '/static/images/img/title-bg1.svg'"></image>
		<view class="shops-til__title">{{ title }}</view>
	</view>
</template>

<script>
var app = getApp();
	export default{
		data() {
			return {
				event_rul: app.globalData.event_url,
			}
		},
		props:{
			title: {
				type: String,
				default: ''
			},
			titleBg: {
				type: String,
				default: ''
			}
		}
	}
</script>

<style lang="scss" scoped>
	.shops-til {
        position: relative;
        justify-content: center;
        height: 76rpx;
		margin: 28rpx 0 24rpx;
		&__icon {
            position: absolute;
            z-index: -1;
            left: 50%;
            top: 0;
            transform: translateX(-50%);
			width: 354rpx;
			height: 100%;
			flex-shrink: 0;
		}
		&__title {
			font-size: 36rpx;
            font-weight: 500;
            color: #FFFFFF;
            line-height: 50rpx;
            letter-spacing: 2rpx;
		}
	}
</style>