【无标题】

最新推荐文章于 2024-02-17 12:36:47 发布

lyy_1481317128

最新推荐文章于 2024-02-17 12:36:47 发布

阅读量84

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/m0_37979938/article/details/126255659

版权

九宫格

colNum() {
				if(this.radioVal === 1) {
					return [24, 24, 24, 24]
				} else if(this.radioVal === 4) {
					return [12, 12, 12, 12]
				} else if(this.radioVal === 9) {
					return [8, 8, 12, 12]
				} else if(this.radioVal === 16) {
					return [6, 6, 12, 12]
				}
			},

<el-scrollbar style="height: 100%;width: 100%;">
												<el-row id="fulldiv" v-if="isShow" style="width: calc(100% - 8px);height: 100%;">
													<el-col :xs="24" :sm="colNum[3]" :md="colNum[2]" :lg="colNum[1]" :xl="colNum[0]" v-for="(item, index) in playerData" :key="'elColKey'+index">
														<div :key="'divKey'+index" class="screen-main-item voidDiv" @click.stop="clickDivMethod(index)" :style="{border:(indexType!=index?'1px solid #fff':'1px solid #fff')}">
															<LivePlayer :ref="'videoFlv'+index" :videoUrl="item.status=='1'?item.playUrl:''"  fluent autoplay live stretch style="width:100%;height:100%;object-fit: fill;position: absolute;background-color: rgba(0, 0, 0, 0.57);"></LivePlayer>
														</div>
													</el-col>
												</el-row>
											</el-scrollbar>