huajucanyin/pages/lanhu_kechengxiangqing/index.vue

<template>
	<view class="page flex-col">
		<view class="section_1 flex-col">
			<view class="group_1 flex-col">
				<image class="image_1" referrerpolicy="no-referrer"
					src="/static/lanhu_kechengxiangqing/2dd292791f198a2b54f8f3ad1bc17ca4.png" />
				<view class="nav-bar_1 flex-row">
					<image class="icon_1" referrerpolicy="no-referrer"
						src="/static/lanhu_kechengxiangqing/1f81946e704bf8478124499045ebefea.png" />
					<text class="text_1">课程详情</text>
					<image class="applet-top-bar_1" referrerpolicy="no-referrer"
						src="/static/lanhu_kechengxiangqing/f9b034603b69b8e44f7c417c52a4492e.png" />
				</view>
			</view>
			<view class="group_2 flex-col">
				<view class="group_3 flex-col">
					<view class="text-wrapper_1 flex-row">
						<text class="text_2">健康管理师集训营</text>
					</view>
					<view class="text-wrapper_2 flex-row justify-between">
						<text class="text_3">￥0.01</text>
						<text class="text_4">已有1人学习</text>
					</view>
				</view>
				<view class="group_4 flex-col">
					<view class="box_1 flex-row">
						<div class="tabs_1 flex-col">
							<view class="text-wrapper_3 flex-row justify-between">
								<text class="text_5">介绍</text>
								<text class="text_6">目录</text>
							</view>
						</div>
					</view>
					<view class="box_2 flex-row">
						<view class="group_5 flex-col"></view>
					</view>

					<view>
						<view class="text-wrapper_4 flex-row">
							<text class="text_7">授课老师</text>
						</view>
						<view class="box_3 flex-row" @tap="go(1)">
							<view class="single-avatar_1 flex-col"></view>
							<view class="text-group_1 flex-col justify-between">
								<text class="text_8">莎莎</text>
								<text class="text_9">共3课时</text>
							</view>
							<image class="icon_2" referrerpolicy="no-referrer"
								src="/static/lanhu_kechengxiangqing/4467bb13053bcc92fb9c10452b036fd7.png" />
						</view>
					</view>
					
					
					<view>
						<view class="section_3 flex-col">
							<div class="tabs_1 flex-col">
								<view class="text-wrapper_3 flex-row justify-between">
									<text class="text_5">介绍</text>
									<text class="text_6">目录</text>
								</view>
							</div>
							<view class="box_1 flex-col"></view>
							<text class="text_7">可免费试看视频/音频前60s</text>
							<view class="box_2 flex-row">
								<text class="text_8">01.初识PS及格式认识</text>
								<image class="label_1" referrerpolicy="no-referrer"
									src="/static/lanhu_kechengxiangqingmulu/4fcce6f6b93750a3be24b81f9dbaa542.png" />
							</view>
							<view class="box_3 flex-row">
								<image class="icon_2" referrerpolicy="no-referrer"
									src="/static/lanhu_kechengxiangqingmulu/35d5a4228d4ae5e616779e122f9cd5fa.png" />
								<text class="text_9">1.初识PS及格式认识</text>
								<text class="text_10">44:32</text>
							</view>
							<view class="list_1 flex-col">
								<view class="list-items_1 flex-row" v-for="(item, index) in loopData0" :key="index">
									<text class="text_11" v-html="item.lanhutext0"></text>
									<image v-if="item.slot2 === 2" class="icon_3" referrerpolicy="no-referrer"
										:src="item.specialSlot2.lanhuimage0" />
									<image v-if="item.slot1 === 1" class="label_2" referrerpolicy="no-referrer"
										src="/static/lanhu_kechengxiangqingmulu/2db1f3f6d9678c88922fb1b3da843c8f.png" />
								</view>
							</view>
							<view class="image-text_1 flex-row justify-between">
								<text class="text-group_1">查看全部</text>
								<image class="icon_4" referrerpolicy="no-referrer"
									src="/static/lanhu_kechengxiangqingmulu/32abf597bb1d6f7c108813a8fa472960.png" />
							</view>
						</view>
					</view>


				</view>
				<view class="group_6 flex-col">
					<text class="text_10">课程介绍</text>
					<view class="group_7 flex-row justify-between">
						<view class="box_4 flex-col"></view>
						<text class="text_11">游戏美术设计实战技巧</text>
					</view>
					<view class="group_8 flex-row justify-between">
						<view class="box_5 flex-col"></view>
						<text class="text_12">名师直播授课，思路与技巧提升</text>
					</view>
					<view class="group_9 flex-row justify-between">
						<view class="box_6 flex-col"></view>
						<text class="text_13">游戏美术设计实战技巧</text>
					</view>
					<view class="group_10 flex-row justify-between">
						<view class="box_7 flex-col"></view>
						<text class="text_14">名师直播授课，思路与技巧提升</text>
					</view>
				</view>
				<view class="group_11 flex-col"></view>
			</view>
			<view class="group_12 flex-row">
				<view class="image-text_1 flex-col justify-between">
					<image class="icon_3" referrerpolicy="no-referrer"
						src="/static/lanhu_kechengxiangqing/b481386271a83bc3fa88c8e019465856.png" />
					<text class="text-group_2">分享</text>
				</view>
				<view class="image-text_2 flex-col justify-between">
					<image class="icon_4" referrerpolicy="no-referrer"
						src="/static/lanhu_kechengxiangqing/c498b0a4a97ad7d18ac3dad38627185b.png" />
					<text class="text-group_3">收藏</text>
				</view>
				<button class="button_1 flex-col" @click="onClick_1">
					<text class="text_15">￥0.01</text>
				</button>
			</view>
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				constants: {}
			};
		},
		methods: {
			onClick_1() {
				alert(1);
			},
			go(id) {
				uni.navigateTo({
					url: '/pages/lanhu_renmaixiangqing/index'
				});
			}
		}
	};
</script>
<style lang='css'>
	@import '../common/common.css';
	@import './assets/style/index.rpx.css';

</style>