修复已知问题
This commit is contained in:
3
src/hjm/video/video.config.ts
Normal file
3
src/hjm/video/video.config.ts
Normal file
@@ -0,0 +1,3 @@
|
||||
export default definePageConfig({
|
||||
navigationBarTitleText: '观看视频'
|
||||
})
|
||||
69
src/hjm/video/video.tsx
Normal file
69
src/hjm/video/video.tsx
Normal file
@@ -0,0 +1,69 @@
|
||||
import {useEffect, useState} from "react";
|
||||
import {Video} from '@nutui/nutui-react-taro'
|
||||
import Taro from '@tarojs/taro'
|
||||
import {useRouter} from '@tarojs/taro'
|
||||
import {getCmsArticle} from "@/api/cms/cmsArticle";
|
||||
import {CmsArticle} from "@/api/cms/cmsArticle/model";
|
||||
import {View} from '@tarojs/components'
|
||||
|
||||
/**
|
||||
* 文章终极列表
|
||||
* @constructor
|
||||
*/
|
||||
const VideoForm = () => {
|
||||
const {params} = useRouter();
|
||||
const [item, setItem] = useState<CmsArticle>()
|
||||
const [source, setSource] = useState({
|
||||
src: '',
|
||||
type: 'video/mp4',
|
||||
})
|
||||
const options = {
|
||||
autoplay: true,
|
||||
muted: true,
|
||||
controls: true,
|
||||
}
|
||||
const play = (elm: any) => console.log('play', elm)
|
||||
const pause = (elm: any) => console.log('pause', elm)
|
||||
const playend = () => {
|
||||
Taro.navigateTo({
|
||||
url: '/hjm/exam/exam',
|
||||
})
|
||||
}
|
||||
|
||||
const reload = () => {
|
||||
getCmsArticle(Number(params.id)).then(data => {
|
||||
setItem(data)
|
||||
Taro.setNavigationBarTitle({
|
||||
title: `${data.title}`
|
||||
})
|
||||
console.log(item)
|
||||
setSource({
|
||||
src: `${data.pdfUrl || 'https://oss.wsdns.cn/20250605/9e88d2100425471288d4115cc48660ed.mp4'}`,
|
||||
type: 'video/mp4',
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
useEffect(() => {
|
||||
reload()
|
||||
}, [])
|
||||
|
||||
return (
|
||||
<div className={'px-3 mt-4 mb-10'}>
|
||||
<div className={'flex flex-col justify-between items-center bg-white rounded-lg p-2'}>
|
||||
<Video
|
||||
source={source}
|
||||
options={options}
|
||||
onPlay={play}
|
||||
onPause={pause}
|
||||
onPlayEnd={playend}
|
||||
style={{ height: '163px' }}
|
||||
/>
|
||||
</div>
|
||||
<View className={'content text-gray-700 text-sm py-4 text-center'}>
|
||||
观看完视频后开始考试!
|
||||
</View>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
export default VideoForm
|
||||
Reference in New Issue
Block a user