<template>
	<view class="content">
		<view class="a-instructor-card" v-for="item in 4" @click="to_instructor">
			<image class="instructor-img" src="https://img.keaitupian.cn/newupload/08/1629449018344288.jpg" mode=""></image>
			<view class="a-instructor-name">
				<view class="name">詹姆四</view>
				<view class="type">篮球</view>
			</view>
		</view>
	</view>
</template>

<script lang="ts" setup>
	const to_instructor=()=>{
		uni.navigateTo({
			url:'/pages/index/instructorDetail/index'
		})
	}
</script>

<style lang="less" scoped>
	.a-instructor-card{
		display: flex;
		align-items: center;
		gap: 20rpx;
		background: #FFFFFF;
		border-radius: 32rpx;
		padding: 20rpx;
		margin-top: 20rpx;
		.instructor-img{
			width: 120rpx;
			height: 120rpx;
			border-radius: 50%;
		}
		.a-instructor-name{
			.name{
				font-weight: bold;
				font-size: 32rpx;
				color: #222222;
			}
			.type{
				margin-top: 20rpx;
				font-size: 28rpx;
				color: #AAAAAA;
			}
		}
	}
</style>