栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

Vue+JS+layUI 完成预览模式功能

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

Vue+JS+layUI 完成预览模式功能

1.预览模式

更新站点:java小白翻身官网(网址:java18.cn)

更新原因:方便浏览文章,和步骤阅读法相得益彰。

更新内容:PC端在具体的教程页面,目录下方增加一个预览模式的按钮。

点击后会打开一个窗口,里面就是当前的教程,我进行了重新排版。

效果如下:

因为用了vue,我就不需要再重新后台写接口了,改一下html就搞定。

关键代码:

	预览模式





		
			

{{item.stepNum}}.{{item.name}}

JS:

openPreview: function(){
	this.layerId = layer.open({
	    type : 1,
	    area : [ '800px', '600px' ],
	    content : $('#preview')
    });
},

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/854532.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号