ssm41471/src/main/webapp/front/pages/kechengxinxi/detail.vue

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<template>
	<mescroll-uni @init="mescrollInit" :up="upOption" :down="downOption" @down="downCallback" @up="upCallback" :bottom="100">
		<view class="container">
                                                                                                                                                                        			<view><swiper class="swiper" :indicator-dots='".swiper-pagination"==null?false:true' :autoplay='autoplaySwiper' :circular='true' indicator-active-color='rgba(255, 107, 19, 1)' indicator-color='rgba(255, 170, 51, 1)' :duration='3000' :interval='intervalSwiper' :vertical='"horizontal"=="horizontal"?false:true'>
				<swiper-item v-for="(swiper,index) in swiperList" :key="index">
					<image mode="aspectFill" :src="swiper"></image>
				</swiper-item>
			</swiper></view>
			                                                <view class="detail-content">

																									

                                                                                                                                                <view class="name shop-title" :style='{"boxShadow":"0 0 0px rgba(0,0,0,.3)","margin":"0 0 0px 0","borderColor":"#fff","color":"rgba(0, 0, 0, 1)","borderRadius":"0","borderWidth":"0","fontSize":"36rpx","borderStyle":"solid"}'>
					课程名称：{{detail.kechengmingcheng}}
				</view>
				                                                                                                                                                				
                                				<view class="detail-list-item" :style='{"boxShadow":"0 0 0px rgba(0,0,0,.3)","margin":"0 0 2rpx 0","borderColor":"#fff","borderRadius":"0","borderWidth":"0","borderStyle":"solid","height":"68rpx"}'>
					<view class="lable" :style='{"width":"170rpx","fontSize":"32rpx","color":"rgba(0, 0, 0, 1)","textAlign":"left"}'>教师账号：</view>
					<view class="text" :style='{"color":"rgba(0, 0, 0, 1)","textAlign":"left","fontSize":"28rpx"}'>{{detail.jiaoshizhanghao}}</view>
				</view>
                				                				<view class="detail-list-item" :style='{"boxShadow":"0 0 0px rgba(0,0,0,.3)","margin":"0 0 2rpx 0","borderColor":"#fff","borderRadius":"0","borderWidth":"0","borderStyle":"solid","height":"68rpx"}'>
					<view class="lable" :style='{"width":"170rpx","fontSize":"32rpx","color":"rgba(0, 0, 0, 1)","textAlign":"left"}'>教师姓名：</view>
					<view class="text" :style='{"color":"rgba(0, 0, 0, 1)","textAlign":"left","fontSize":"28rpx"}'>{{detail.jiaoshixingming}}</view>
				</view>
                				                				<view class="detail-list-item" :style='{"boxShadow":"0 0 0px rgba(0,0,0,.3)","margin":"0 0 2rpx 0","borderColor":"#fff","borderRadius":"0","borderWidth":"0","borderStyle":"solid","height":"68rpx"}'>
					<view class="lable" :style='{"width":"170rpx","fontSize":"32rpx","color":"rgba(0, 0, 0, 1)","textAlign":"left"}'>课程编号：</view>
					<view class="text" :style='{"color":"rgba(0, 0, 0, 1)","textAlign":"left","fontSize":"28rpx"}'>{{detail.kechengbianhao}}</view>
				</view>
                				                								                								                								                								                							                
							</view>

                        			            			            			            			            			                        <view style="text-align: center;padding: 20upx;box-sizing: border-box;background: #FFFFFF;" :style="{margin:'0 0 2rpx 0',boxShadow:'0 0 0px rgba(0,0,0,.3)'}">
				<view class="uni-padding-wrap uni-common-mt">
					<view>
						<video id="myVideo" :src="detail.shipin" controls></video>
					</view>
				</view>
			</view>
            			            			            						
			            			            			            			            			                        <view class="time-content" :style='{"boxShadow":"0 0 0px rgba(0,0,0,.3)","margin":"0 0 2rpx 0","borderColor":"#fff","borderRadius":"0","borderWidth":"0","borderStyle":"solid","height":"auto"}' style="height:auto !important;">
				<view class="header" :style='{"color":"rgba(0, 0, 0, 1)","fontSize":"36rpx"}'>
					课程简介
				</view>
				<view class="content" :style='{"color":"rgba(0, 0, 0, 0.85)","fontSize":"32rpx"}'>
					{{detail.kechengjianjie}}
				</view>
			</view>
            			            			            			            						
			            			            			            			            			            			            			            			            						
            
			<view class="bottom-content cu-bar bg-white tabbar border shop">
				<view style="text-align: left;display: flex;">
									</view>
				<view style="text-align: right;">
																				                    										                </view>
			</view>
		</view>

		<!-- 确认完成弹窗 -->
		<uni-popup class="popup-content" ref="popup" type="center">