<template>
	<view class="">
		<view class="clothingmetals flex-between">
			<view class="clothingmetalsitem flex-colum" v-for="(item,index) in list" :key="index"
				@click="eeInfoseries(item)">
				<view class="clothingmetalsitemimage">
					<image :src="item.img" mode="widthFix"></image>
				</view>
				<view class="clothingmetalsitem_text">
					{{item.title}}
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {}
		},
		props: {
			list: {
				type: Array,
				default () {
					return []
				}
			},
			data: {
				type: Number,
				default: 0
			},

		},
		methods: {
			eeInfoseries(e) {
				uni.pro.navigateTo('mall/series', {
					id: e.id,
				})
			},
		}
	}
</script>

<style lang="scss">
	.clothingmetals {
		padding: 32rpx 28rpx 0rpx 28rpx;
		.clothingmetalsitem {
			.clothingmetalsitemimage {
				width: 100rpx;
				height: 100rpx;
				background: #fafafa;
				border-radius: 50%;
				image {
					width: auto;
					height:  auto;
				}
			}
			.clothingmetalsitem_text {
				margin-top: 18rpx;
				font-size: 28rpx;
				font-family: Source Han Sans CN, Source Han Sans CN;
				font-weight: 400;
				color: #333333;
			}
		}

	}
</style>