<template>
	<view class="bg">
		<image class="back-icon" src="/static/back.png" @click="goBack()"></image>

		<!-- 善温 -->
		<view class="content">
			<image class="head-title" src="/static/6/head_title.png" >
			
			<view class="line" style="margin-bottom: 0;"></view>
			
			<view class="" v-for="(item,i) in headImgs" :key="i">
				<image style="width: 100%;margin-top: 50rpx;" :src="`/static/6/${i}.png`" mode="widthFix"></image>
				<view class="text">{{item.text}}</view>
			</view>
			
			
	
		</view>
		
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				headImgs: [
					{text: "太平有象善卷善纹 应用示意“桑蚕丝方巾（小）”"},
					{text: "太平有象善卷善纹 应用示意“桑蚕丝方巾（大）”"},
					{text: "祥狮献瑞善卷善纹应用示意“桑蚕丝长巾”"},
					{text: "吉羊如意善卷善纹应用示意“桑蚕丝方巾”"},
					{text: "善小卷应用示意“茶叶礼盒”"},
					{text: "善声善卷善纹应用示意“茶具套装”"},
				],
				currentIndex: 0,
			}
		},
		onLoad(options) {
			
		},
		methods: {
			
		},
	}
</script>

<style lang="scss" scoped>
	*{
		box-sizing: border-box;
	}
	.bg{
		width: 100%;
		min-height: 100vh;
		position: relative;
		background: black;
	}
	.head-title{
		width: 568rpx;
		height: 61rpx;
		display: block;margin: 0 auto;
	}
	.content{
		width: 100%;
		padding: 60rpx;
	}
	.line{
		width: 100%;
		height: 2rpx;
		background: #FCF1E6;
		margin: 32rpx 0;
	}
	.head-img-container{
		display: flex;
		justify-content:space-between;
		flex-wrap: wrap;
		padding: 0 10rpx;
		.head-img{
			width: 106rpx;
			height: 106rpx;
			margin: 0 20rpx;
			margin-bottom: 32rpx;
		}
		.head-img.head-img-0{
			margin-left: 0;
		}
		.head-img.head-img-3{
			margin-right: 0;
		}
		.head-img.head-img-4{
			margin-left: 76rpx;
		}
		.head-img.head-img-6{
			margin-right: 76rpx;
		}
	}
	.concat{
		width: 569rpx;
		height: 74rpx;
		display: block;
		margin: 84rpx auto 0;
	}
	.text{
		font-family: SourceHanSansCN;
		font-weight: 400;
		font-size: 20rpx;
		color: #FFFFFF;
		line-height: 38rpx;
		text-align: center;
		padding-top: 10rpx;
	}
</style>