<script setup>
	/**
	 * name：
	 * user：sa0ChunLuyu
	 * date：2024年9月11日 19:24:50
	 */
	import {
		ref
	} from 'vue'
	import {
		$api,
		$response
	} from '@/api'
	import {
		useStore
	} from '@/store'
	const $store = useStore()

	const header_array = ref([{
		title: '常见问题',
		desc: 'ABCDFEFASDF'
	}, {
		title: '常问题见',
		desc: 'ABCDFEFASDFAA'
	}])

	const $props = defineProps({
		list: {
			type: Array,
			default: []
		},
		type: {
			type: Number,
			default: 1
		}
	});
</script>
<template>
	<view class="list_wrapper">
		<view class="header_wrapper">
			<view class="header_icon_wrapper">
				<image src="@/static/assets/posts/icon@2x.png"></image>
			</view>
			<view class="header_info_wrapper">
				<view class="header_title_wrapper">
					{{ header_array[$props.type - 1].title }}
				</view>
				<view class="header_subtitle_wrapper">
					{{ header_array[$props.type - 1].desc }}
				</view>
			</view>
		</view>
		<view class="search_wrapper">
			<view class="search_line_wrapper"></view>
			<view class="search_input_wrapper"></view>
		</view>
		<view>
			<view v-for="(i,k) in $props.list" :key="k" class="item_wrapper">
				
			</view>
		</view>
	</view>
</template>
<style>
	page {
		background: #ffffff;
	}
</style>
<style scoped>
	.list_wrapper {
		width: 750rpx;
		margin: 0 auto;
		overflow-y: auto;
		background: #ffffff;
	}

	.header_wrapper {
		display: flex;
		align-items: center;
		width: 690rpx;
		margin: 42rpx auto 0;
	}

	.header_icon_wrapper {
		width: 100rpx;
		height: 100rpx;
		margin-left: 33rpx;
	}

	.header_icon_wrapper image {
		width: 100rpx;
		height: 100rpx;
		display: inline-block;
		object-fit: contain;
	}

	.header_info_wrapper {
		margin-left: 26rpx;
	}

	.header_title_wrapper {
		font-weight: 400;
		font-size: 34rpx;
		color: #0E0E0E;
		line-height: 1;
	}

	.header_subtitle_wrapper {
		font-weight: 400;
		font-size: 16rpx;
		color: #979797;
		line-height: 1;
		margin-top: 10rpx;
	}

	.search_wrapper {
		display: flex;
		align-items: center;
		width: 690rpx;
		margin: 15rpx auto 0;
		justify-content: space-between;
	}

	.search_line_wrapper {
		width: 476rpx;
		height: 1rpx;
		background: #EBEAEA;
	}

	.search_input_wrapper {
		width: 175rpx;
		height: 42rpx;
		background: #FFFFFF;
		border-radius: 21rpx;
		border: 1px solid #A5A6A6;
	}
</style>