| | |
| | | </el-form> |
| | | |
| | | |
| | | <el-row :gutter="25" v-loading="loading"> |
| | | <el-col :span="6" v-for="(item,i) in replayList" :style="margin"> |
| | | <el-row :gutter="25" min-width="1800" v-loading="loading"> |
| | | <el-col :span="6" :xs=24 :sm=12 :lg=8 :xl=6 v-for="(item,i) in replayList" :style="margin"> |
| | | <div class="module"> |
| | | <span class="span1">{{ item.title }}</span> |
| | | <span class="span1 spanStyle">{{ item.title }}</span> |
| | | <span class="span2">{{ item.startTime }}</span> |
| | | <el-button class="huifang" type="primary" plain @click="show(item.id)">回放</el-button> |
| | | <!-- <div class="tubiao"><i class="el-icon-view">10000</i></div> --> |
| | |
| | | replayList:[], |
| | | queryParams: { |
| | | pageNum: 1, |
| | | pageSize: 8, |
| | | pageSize: 9, |
| | | title: undefined, |
| | | applyPerson: undefined, |
| | | contactPerson: undefined, |
| | |
| | | } |
| | | |
| | | .module { |
| | | width: 100%; |
| | | |
| | | width: 400px; |
| | | height: 160px; |
| | | background-color: rgb(255, 255, 255); |
| | | border-color: red; |
| | |
| | | } |
| | | |
| | | .span1 { |
| | | float: left; |
| | | /* float: left; */ |
| | | font-size: 20px; |
| | | margin-top: 5%; |
| | | margin-left: 3%; |
| | | } |
| | | |
| | | .span2 { |
| | | float: right; |
| | | /* float: right; */ |
| | | position: absolute; |
| | | right:2px; |
| | | top:40px; |
| | | font-size: 20px; |
| | | margin-top: 5%; |
| | | margin-right: 3%; |
| | |
| | | .video{ |
| | | object-fit: cover; |
| | | } |
| | | .spanStyle { |
| | | white-space: normal; |
| | | position: absolute; |
| | | |
| | | height: 30px; |
| | | width: 385px; |
| | | overflow: hidden; /*超出的文本隐藏*/ |
| | | text-overflow: ellipsis; /* 溢出用省略号*/ |
| | | |
| | | } |
| | | </style> |