| | |
| | | <div class="module"> |
| | | <span class="span1">中秋家庭会议</span> |
| | | <span class="span2">2010-8-26 12:00</span> |
| | | <el-button class="huifang" type="primary" plain >回放</el-button> |
| | | <el-button class="huifang" type="primary" plain @click="show">回放</el-button> |
| | | <div class="tubiao"><i class="el-icon-view">10000</i></div> |
| | | <p class="author">发起者</p> |
| | | </div> |
| | |
| | | <div class="module"> |
| | | <span class="span1">中秋家庭会议</span> |
| | | <span class="span2">2010-8-26 12:00</span> |
| | | <el-button class="huifang" type="primary" plain >回放</el-button> |
| | | <el-button class="huifang" type="primary" plain @click="show">回放</el-button> |
| | | <div class="tubiao"><i class="el-icon-view">10000</i></div> |
| | | <p class="author">发起者</p> |
| | | </div> |
| | |
| | | <div class="module"> |
| | | <span class="span1">中秋家庭会议</span> |
| | | <span class="span2">2010-8-26 12:00</span> |
| | | <el-button class="huifang" type="primary" plain >回放</el-button> |
| | | <el-button class="huifang" type="primary" plain @click="show">回放</el-button> |
| | | <div class="tubiao"><i class="el-icon-view">10000</i></div> |
| | | <p class="author">发起者</p> |
| | | </div> |
| | |
| | | <div class="module"> |
| | | <span class="span1">中秋家庭会议</span> |
| | | <span class="span2">2010-8-26 12:00</span> |
| | | <el-button class="huifang" type="primary" plain >回放</el-button> |
| | | <el-button class="huifang" type="primary" plain @click="show">回放</el-button> |
| | | <div class="tubiao"><i class="el-icon-view">10000</i></div> |
| | | <p class="author">发起者</p> |
| | | </div> |
| | | </el-col> |
| | | </el-row> |
| | | <!-- </el-form> --> |
| | | |
| | | <!-- 回访视频弹窗 --> |
| | | <el-dialog |
| | | :visible.sync="dialogVisible" |
| | | width="50%" |
| | | height="100%" |
| | | :before-close="handleClose" |
| | | > |
| | | |
| | | <h4>中秋家庭会议</h4> |
| | | <el-divider /> |
| | | <video id="video" class="video" controls width="100%%" height="480" > |
| | | <source src="../../assets/images/测试.mp4" type="video/mp4"> |
| | | </video> |
| | | <!-- <span slot="footer" class="dialog-footer"> |
| | | <el-button @click="dialogVisible = false">取 消</el-button> |
| | | </span> --> |
| | | </el-dialog> |
| | | |
| | | </div> |
| | | </template> |
| | | <script> |
| | |
| | | return { |
| | | queryParams1: [], |
| | | vList: [], |
| | | dialogVisible: false, |
| | | |
| | | } |
| | | }, |
| | | methods: { |
| | | |
| | | show(){ |
| | | this.dialogVisible = true |
| | | }, |
| | | handleClose(){ |
| | | this.dialogVisible = false; |
| | | const video = document.getElementById("video") |
| | | video.pause() |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | |
| | | bottom: 5px; |
| | | left: 100px; |
| | | } |
| | | .video{ |
| | | object-fit: cover; |
| | | } |
| | | </style> |