工作300:处理预览界面

<template><el-dialogtitle="提示":visible.sync="dialogVisible"width="30%":before-close="handleClose"><div style="margin: 0 auto"><div v-if="tableData.content_type==2"><h1>图文详情</h1><div v-html="tableData.resource"></div></div><div v-if="tableData.content_type==1"><h1>视频详情</h1><div><video  width="420" height="300" controls ><source :src=tableData.resource type="video/mp4"></source></video></div></div><h1>发布标题</h1><p>{{tableData.title}}</p>
<h1 class="demonstration">标题/话题</h1><ul v-for="(item,index) in tableData.tag"><li>{{item}}</li></ul><h1 class="demonstration">封面图片</h1><el-imagestyle="width: 100px; height: 100px":src="tableData.thumbnail"fit="fit"></el-image></div><span slot="footer" class="dialog-footer"><el-button @click="dialogVisible = false">取 消</el-button><el-button type="primary" @click="dialogVisible = false">确 定</el-button></span></el-dialog>
</template>
<script>
import {getAction} from "@/api";export default {name:"ContentList",data() {return {tableData:[],dialogVisible: false,formLabelWidth:"140px",};},methods: {show(record){/*   this.tableData=record*//* this.id=id*//*this.$router.push("/content/" + record.id);console.log(record.id)*/getAction("/content/"+record.id).then(res=>{console.log(res)this.tableData=res.data})this.dialogVisible=true/* this.tableData=recordconsole.log(this.tableData)/*     getAction("/task",).then(res=>{console.log(res)let List=[]res.data.items.map((value,index)=>{/!* console.log(value.task_recode)*!/List.push({...value.task_recode})})this.tableData=Listconsole.log(this.tableData)})*/},handleClose(done) {this.$confirm('确认关闭？').then(_ => {done();}).catch(_ => {});}}
};
</script>

工作300:处理预览界面相关推荐

Android摄像头：只拍摄SurfaceView预览界面特定区域内容（矩形框）---完整实现（原理：底层SurfaceView+上层绘制ImageView）
[后注:]下载代码的注意,我的手机是4.3寸的屏,华为U9200.如果不能运行的请修改参数.看前文的第四条.Y的,省的说我传的代码不能用最近一直在审视以前做过的东西,关于android摄像头预览, ...
Android摄像头只拍摄SurfaceView预览界面特定区域内容（矩形框）---完整实现（原理底层Surface
[后注:]下载代码的注意,我的手机是4.3寸的屏,华为U9200.如果不能运行的请修改参数.看前文的第四条.Y的,省的说我传的代码不能用最近一直在审视以前做过的东西,关于android摄像头预览, ...
Android摄像头：只拍摄SurfaceView预览界面特定区域内容（矩形框）---完整（原理：底层SurfaceView+上层绘制ImageView）...
Android摄像头:只拍摄SurfaceView预览界面特定区域内容(矩形框)---完整实现(原理:底层SurfaceView+上层绘制ImageView) 分类: Android开发 Androi ...
Camera2 打开相机预览界面
camera2 是21之后的api用于代替Camera,提供更加牛X的对相机hardware操作的api 参考资料:http://www.jcodecraeer.com/a/anzhuokaifa/a ...
开票软件打印时，没有预览界面
如题,原本正常,后来突然出现,打印发票时点击打印不会跳出预览界面.找其他电脑打印发现预览界面会调用到图片,怀疑是图片引起,后来电脑主人告知windows图片查看器不能看图,提示内存不足.遂确认问题是出 ...
Premiere CC视频预览界面黑屏怎么办?
Premiere CC视频预览界面黑屏怎么办?Premiere CC处理完的视频预览的时候发现黑屏,该怎么解决这个问题呢?下面我们就来看看详细的教程,需要的朋友可以参考下 Premiere CC预览项 ...
window.print()进入到打印预览界面后无法进行布局和纸张选择等设置的原因及解决方法
做一个网页打印的功能,打印出网页某一部分的内容,使用的window.print()区打印,打印的过程中发现打印预览时没办法进行布局和纸张等的设置.如下图,图一为正常情况可设置相关配置,图二为我遇到的情 ...
excel打印预览在哪里_在excel表格的打印预览界面调整页边距
我们一般在打印excel表格之前都会查看一下打印预览,看看哪里有出错的问题没有,我们在excel打印预览里面如果看到页边距不合适,那么我们可以在excel表格的打印预览界面调整页边距,具体的调整页边距 ...
android 使用 surfaceView 获取 camera 预览界面图像数据
在android中,通过相机获取预览界面的需求似乎很变态,好像也没有什么使用场景.但是,有一个场景需要获取预览界面的图像,就是扫码,比如微信,支付宝的扫一扫,就是需要获取预览界面的图像数据的. 实现逻 ...

工作300:处理预览界面

工作300:处理预览界面相关推荐

最新文章

热门文章