| | |
| | | <el-table-column label="修改日期" prop="UpdatedAt" sortable></el-table-column> |
| | | <el-table-column label="创建日期" prop="CreatedAt" sortable></el-table-column> |
| | | <el-table-column label="操作"> |
| | | <template> |
| | | <template slot-scope="scope"> |
| | | <div class="operation"> |
| | | <i class="el-icon-star-off" style="font-size: 18px;"></i> |
| | | <i class="el-icon-star-off" @click="toggleFollow(scope.row)"></i> |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | </div> |
| | | </div> |
| | | <div class="players" ref="playerWrap"> |
| | | <template v-if="guid==1"> |
| | | <div |
| | | class="video-item" |
| | | :ref="`gridVideoItem_${index}`" |
| | | v-for="(item,index) in videoWrapArr" |
| | | :key="index" |
| | | |
| | | > |
| | | <div class="currentPlayer"> |
| | | {{curVideo.ID}} |
| | | <img :src="CLIP+curVideo.VideoCover" style="width:100px" /> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | <template v-else> |
| | | <div |
| | | class="video-item" |
| | | :ref="`gridVideoItem_${index}`" |
| | | v-for="(item,index) in videoWrapArr" |
| | | :key="index" |
| | | > |
| | | <template v-if="index<=videoArrs.length-1"> |
| | | <div :class="{'currentPlayer':curVideo.ID==videoArrs[index].ID}"> |
| | |
| | | </div> |
| | | </template> |
| | | </div> |
| | | </template> |
| | | |
| | | <!-- <div |
| | | class="video-item" |
| | | :class="{'active':item.ID==curVideo.ID}" |
| | |
| | | this.curVideo = video; |
| | | debugger |
| | | if(index>0&&this.guid==1){ |
| | | this.videoWrapArr |
| | | //this.videoWrapArr = |
| | | } |
| | | }, |
| | | handleTabSizeChange (size) { |
| | |
| | | border-color: #7695ec; |
| | | } |
| | | &.checked { |
| | | color: #409EFF; |
| | | border-color: #409EFF; |
| | | color: #409eff; |
| | | border-color: #409eff; |
| | | } |
| | | } |
| | | } |
| | |
| | | margin-right: 10px; |
| | | } |
| | | &.current { |
| | | border-color: #409EFF; |
| | | border-color: #409eff; |
| | | background-color:#fff; |
| | | } |
| | | } |
| | |
| | | bottom: 10px; |
| | | color: #ccc; |
| | | .follow { |
| | | color: #409EFF; |
| | | color: #409eff; |
| | | } |
| | | } |
| | | } |