74 lines
2.6 KiB
Vue
74 lines
2.6 KiB
Vue
<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>
|