<template>
	<view class="page flex-col" style="height: auto;">
		<view class="box_1 flex-col" style="height: auto;">

			<view class="group_2 flex-col" style="height: auto;">
				<view class="group_3 flex-col" style="height: auto;">
					<view class="box_2 flex-row" style="height: auto;">
						<image class="single-avatar_1 flex-col" :src="list.image"></image>
						<view class="text-group_1 flex-col justify-between">
							<text class="text_2">{{list.name}}</text>
							<text class="text_3">
								已有{{list.num}}人学习&nbsp;&nbsp;|&nbsp;&nbsp;共{{list.count}}个课程
							</text>
						</view>
						<text class="text_4">{{list.title}}</text>
					</view>
					<text class="text_5" style="overflow-y: auto;height:75rpx;">
						{{list.desc}}
					</text>
				</view>
				<text class="text_6">名师课程</text>

				<view class="image-text_1 flex-row justify-between" @tap="go1(item.id)" v-for="(item, index) in course"
					:key="index" style="border-bottom: 1px solid lightgray;padding-bottom: 200rpx;">
					<image class="block_1 flex-col" :src="item.cover" mode="aspectFit" style=""></image>
					<view class="text-group_2 flex-col justify-between">
						<text class="text_7">{{item.title}}</text>
						<text class="text_8">￥{{item.price}}</text>
					</view>

				</view>



			</view>
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				list: '',
				course: [],
				id: '',
				constants: {}
			};
		},
		onLoad(id) {
			this.id = id.id
			uni.setNavigationBarColor({
					backgroundColor: '#802931', // 背景颜色
					frontColor: '#ffffff' // 前景颜色（包括标题、返回图标等）
				}),
				this.getData()
		},
		methods: {
			go1(id) {
				uni.navigateTo({
					url: '/pages/lanhu_kechengxiangqingmulu/index?id=' + id
				});
			},
			getData() {
				console.log(123)
				this.$api.get({
					url: '/wanlshop/data/getRemMaiDetail',
					data: {
						id: this.id
					},
					success: res => {
						this.list = res
						this.course = res.coure

					}
				});
			},
		}
	};
</script>
<style lang='css'>
	@import '../common/common.css';
	@import './assets/style/index.rpx.css';
</style>