<template>
	<view>
		<status-container titlet="课程购买" returnc="#FFFFFF">
			<view slot="content" style="margin-top: -20rpx;">
				<view class="bacf pad30 fon24 boxshowb">
					<view class="disac bbot pad-x30">
						<image src="https://s6.jpg.cm/2022/02/14/L4oDhy.jpg" mode="aspectFill" class="flexs mar-y20" style="width: 228rpx;height: 160rpx;" lazy-load></image>
						<view class="disjb fc pad-s10 pad-x20" style="height: 160rpx;">
							<view class="fon26 col26 clips2">武，止戈为武；术，思通造化、随通而 行为术基础动作教学</view>
							<view class="col-e42417 dis ae">
								<view class="bold">￥199.00</view>
								<view class="tline-through fon20 col-969696 mar-z10">￥220.00</view>
							</view>
						</view>
					</view>
					<view class="bbot pad-sx30">
						<view class="disjbac">
							<view class="">商品金额</view>
							<view class="">￥199.00</view>
						</view>
						<view class="disjbac mar-s30">
							<view class="">优惠券抵扣</view>
							<view class="disjbac col-e42417">-￥10.00 <i class="icon icon-next fon20" style="color: #7f7f7f;"></i></view>
						</view>
					</view>
				</view>
				<view class="bacf mar-s30 disjbac fon24 pad-sx20 pad-zy30 boxshowb">
					<view class="">支付方式</view>
					<view class="">微信支付</view>
				</view>
				<!-- 立即购买 -->
				<view class="posixzy bacf pad-sx20 disjbac pad-zy30 boxshowt">
					<view class="fon30 col-e42417 bold">￥189.00</view>
					<view class="fon24 colf radius32 disjcac" style="background-color: #f37617;width: 184rpx;height: 64rpx;">去支付</view>
				</view>
			</view>
		</status-container>
	</view>
</template>

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

<style></style>
