<template>
	<view class="shops-til flex al-item-center j-center">
		<image class="shops-til__dot-left" :src="event_rul + '/static/images/title-desc.svg'"></image>
		<view class="shops-til__title">{{ title }}</view>
		<image class="shops-til__dot-right" :src="event_rul + '/static/images/title-desc.svg'"></image>
	</view>
</template>

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

<style lang="scss" scoped>
	.shops-til {
		height: 70rpx;
		background: linear-gradient(270deg, rgba(41,139,201,0.7000) 0%, #0072B1 100%);
		border-radius: 10rpx 10rpx 0 0;
		&__dot-left,&__dot-right {
			width: 28rpx;
			height: 12rpx;
		}
		&__dot-left {
			transform: rotate(180deg);
		}
		&__title {
			padding: 0 20rpx;
			font-size: 32rpx;
			font-weight: 500;
			color: #FFFFFF;
			line-height: 44rpx;
		}
	}
</style>