<template>
	<view>
		<status-container titlet="课程详情" returnc="#FFFFFF">
			<view slot="content" style="margin-top: -20rpx;">
				<view class="bacf">
					<view class="fon32 tcenter pad-s50">课程一：棍术讲解</view>
					<view class="pad30 posir disjcac">
						<image src="https://s6.jpg.cm/2022/02/14/L4oDhy.jpg" style="height: 388rpx;" mode="aspectFill" class="width100" lazy-load></image>
						<image class="posia" src="/static/tabbar/icon-play.png" mode="" style="width: 70rpx;height: 70rpx;" lazy-load></image>
					</view>
					<view class="mar-zy30 bbot pad-x10">
						<span class="fon28 bold posir pad-x10">
							课程介绍
							<view class="posia-xzy" style="height: 6rpx;background-color: #e42417;bottom: -2rpx;"></view>
						</span>
					</view>
					<view class="mar-zy30 pad-sx20 bbot">
						<view class="disjbac ae pad-x20" style="color: #262626;">
							<view class="fon24">教练：万老师</view>
							<view class="fon20">2022.07.22</view>
						</view>
						<rich-text :nodes="richText" style="color: #5a5a5a;"></rich-text>
					</view>
					<view class="disjcac pad-sx40">
						<view class="disjcac fon28 radius34" 
						style="width: 290rpx;height: 68rpx;border: 2rpx solid #e42417;color: #e42417;"
						@tap="$toolAll.tools.goPage('/pagesB/buy-now/buy-now')">立即购买</view>
					</view>
				</view>
				<view class="pad-zy20">
					<view class="disjb ae mar-s40">
						<view class="fon32 bold colb">推荐课程</view>
						<view class="fon20" style="color: #bbb4b3;">更多+</view>
					</view>
					<list></list>
				</view>
				<!-- 登录弹框 start -->
				<view class="posAll disjc" v-if="ifLogin">
					<view class="bacf radius10 posir disjcac fc pad-zy60" style="height: 256rpx;margin-top: 304rpx;">
						<image src="/static/tabbar/icon-password.png" mode="" lazy-load style="width: 86rpx;height: 102rpx;"></image>
						<view class="fon28 mar-s20">请登录后查看课程，<span style="color:#e42417;">去登陆</span></view>
						<view class="posia-sy20" @tap="ifLogin=false"><i class="icon icon-del-white fon24" style="color: #9d9d9d;"></i></view>
					</view>
				</view>
				<!-- 登录弹框 end -->
			</view>
		</status-container>
	</view>
</template>

<script>
	// 底部组件
	import footTab from '@/components/foot-tabs/foot-tab.vue';
	import list from '@/components/list.vue';
	import pitera from '@/components/nothing/pitera.vue';
	export default {
		components:{'foot-tab' :footTab,list,pitera},
		data() {
			return {
				richText:'',
				ifLogin:false
			}
		},
		onLoad() {
			
		},
		methods: {
			
		}
	}
</script>

<style></style>
