forked from gxwebsoft/mp-10550
feat(cms): 添加视频内容支持并优化文章加载逻辑
- 在文章详情页添加视频播放功能,支持视频宽度自适应 - 优化文章加载逻辑,确保内容存在时才进行解析 - 添加视频元素的条件渲染判断
This commit is contained in:
@@ -17,7 +17,7 @@ function Detail() {
|
||||
const reload = async () => {
|
||||
const item = await getCmsArticle(Number(params.id))
|
||||
|
||||
if (item) {
|
||||
if (item && item.content) {
|
||||
item.content = wxParse(item.content)
|
||||
setItem(item)
|
||||
Taro.setNavigationBarTitle({
|
||||
@@ -43,6 +43,10 @@ function Detail() {
|
||||
<div className={'p-4 font-bold text-lg'}>{item?.title}</div>
|
||||
<div className={'text-gray-400 text-sm px-4 '}>{item?.createTime}</div>
|
||||
<View className={'content p-4'}>
|
||||
{/*如果有视频就显示视频 视频沾满宽度*/}
|
||||
{item?.video && <View className={'w-full'}>
|
||||
<video src={item?.video} controls={true} width={'100%'}></video>
|
||||
</View>}
|
||||
<RichText nodes={item?.content}/>
|
||||
</View>
|
||||
<Line height={44}/>
|
||||
|
||||
Reference in New Issue
Block a user