<template>
	<view class="warp">
		<image src="/static/aidex/images/item.png"></image>
		<view class="title">
			{{ title }}
		</view>
		<slot name="right" class="slot-right"></slot>

	</view>
</template>

<script>
export default {
	data() {
		return {

		}
	},
	props: {
		title: {
			type: String,
			default: null
		}
	}
}
</script>

<style lang="scss" scoped>
.warp {
	display: flex;
	align-items: center;
	width: 100%;
	.title{
		// width: 40%;
		// white-space: nowrap;
		// overflow: hidden;
		// text-overflow: ellipsis;
	}

	image {
		width: 30rpx;
		height: 30rpx;
		margin-right: 15rpx
	}

	.slot-right {
		flex: 1;
		display: flex;
		justify-content: flex-end;
	}
}
</style>