| | |
| | | </div> |
| | | </div> |
| | | <div class="content" v-show="showType == 'menu'"> |
| | | <el-row :gutter="20" :align="bottom"> |
| | | <el-row :gutter="20" > |
| | | <el-col :xs="8" :sm="6" :md="6" :lg="6" v-for="data in tabData" :key="data.id"> |
| | | <div class="card"> |
| | | <div class="video-wrap" @click="checkVideoDetail(data)"> |
| | |
| | | >{{ scope.row.VideoName }}</div> |
| | | </template> |
| | | </el-table-column> |
| | | |
| | | <el-table-column label="大小" prop="VideoSize" sortable></el-table-column> |
| | | <el-table-column label="修改日期" prop="VideoUpdateDate" sortable></el-table-column> |
| | | <el-table-column label="创建日期" prop="VideoCreateDate" sortable></el-table-column> |
| | | |
| | | <el-table-column label="操作"> |
| | | <template slot-scope="scope"> |
| | | <div class="operation"> |
| | | <i class="el-icon-star-off" @click="toggleFollow(scope.row)"></i> |
| | | <div class="star" @click="toggleFollow(scope.row)"> |
| | | <i class="iconfont" :class="[scope.row.IsFollow ? 'follow' : '', 'iconguanzhu']"></i> |
| | | </div> |
| | | <!-- <i class="el-icon-star-off" @click="toggleFollow(scope.row)"></i> --> |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | curTabPage: 1, |
| | | curTablePage: 1, |
| | | tabPageSize: 8, |
| | | pageSizes: [2, 8, 12, 24], |
| | | pageSizes: [ 8, 12, 24], |
| | | tabTotal: 0, |
| | | tablePageSize: 8, |
| | | tableTotal: 0, |
| | |
| | | } |
| | | .operation { |
| | | cursor: pointer; |
| | | .star{ |
| | | color: #ccc; |
| | | } |
| | | .follow{ |
| | | color: #409eff; |
| | | } |
| | | } |
| | | } |
| | | .pagination-center { |