初始化

pages/index/components/clothingmetals/index.vue

@@ -0,0 +1,69 @@
+<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>