- 博客(7)
- 收藏
- 关注
原创 vue中CSS打印之图片批量打印实现(window.print、浏览器打印)
*背景:**需求是先用HTML+CSS对打印界面进行排版,然后填入后端数据,实现最终打印界面。实现是通过浏览器的window.print()。不能改变当前界面样式、不能跳转界面,需要直接在当前界面打开打印界面预览弹窗(通过iframe来进行操作)。图片在界面上完全加载需要一定时间,如果插入数据后就直接触发print(),打印界面会空白。所以触发print()的时机必须在iframe中的图片完全加载出来之后。1)给iframe中的window注册一个图片加载状态的方法。2)父组件中进行调用。
2025-04-07 17:00:26
203
原创 uniapp之app、微信小程序实现输入框发送消息键盘不收起、解决iOS端键盘弹起遮挡输入框问题
uniapp微信小程序、APP输入框发送消息不失焦问题解决,uniapp iOS键盘遮挡输入框问题解决
2023-11-29 20:29:52
6161
5
原创 uniapp B站iframe嵌入APP及视频全屏不横屏问题处理 Android端
视频界面设置允许横屏,通过onResize监听窗口尺寸变化(全屏生效时,标题栏会隐藏,导致窗口高度会增加;退出全屏时,标题栏会出现,导致窗口高度会减小),将界面强制设置横屏或竖屏。效果及问题:手机竖屏锁定激活也能横屏,取消全屏后会回到竖屏。只适用于Android 端,iOS要使用其他方案,测试用的是Android 12。
2023-07-24 17:49:55
2439
原创 unipush开发过程中遇到问题
小米、vivo、oppo等平台应用上架申请流程之类的是另一个前端处理好了,我只是从推送开始进行。记录一下遇到的问题。主要结果:在Dcloud平台上,小米、vivo、oppo在线推送(通知消息、透传消息)都是正常的;离线推送,小米是正常收到,vivo、oppo收不到消息
2023-04-25 17:45:55
782
1
原创 vue中CSS打印实现及问题记录汇总(window.print、浏览器打印)
1、print.vue中的样式主要是class进行编写使用的,通过3-4获取到的元素,在打印预览时class设置的样式会不生效,行内style设置的样式是正常的,这是因为创建的iframe中无对应style文件样式,对应class也就无效果。原理、背景:通过浏览器的window.print()调出打印预览设置,而该方法是默认直接打印当前浏览器界面的document.body中的界面,我们的需求是先用HTML+CSS对打印界面进行排版,然后填入后端数据,实现最终打印界面。
2023-03-03 16:14:00
3193
3
原创 uniapp云打包成app后,在Android12手机上横屏样式未填满手机界面;在ios手机上横屏不生效;问题解决
解决:在manifest.json文件中的app-plus下、app-plus中的distribute下都添加横竖屏设置代码,之前只在distribute下添加,本地调试时android、ios都能生效,云打包后ios就失效了。试了好几种方法,人都整麻了,都没解决,最后在界面最外层加了个属性style="",就解决了这个问题,我也不知道这是什么原理。问题1:横屏在本地调试时是好的,云打包后在Android12上横屏样式宽度就只生效了一半。问题2:云打包后在ios中横屏不生效。
2023-02-23 16:49:07
1644
1
转载 uniapp横屏竖屏切换,退出首次再进入其它界面,元素样式放大问题解决
问题:从竖屏页面1进入竖屏页面2,再进入横屏,再返回,再返回从新回到竖屏页面1,再次进入竖屏页面2,发现竖屏页面2的所有图片字体都被放大了。再返回竖屏1,再进入竖屏2,一切又恢复正常。在横屏页面返回时,监听onBackPress()使其跳转到一个空白的vue页面,这个空白的vue页面在跳转到自己想去的页面。解决:其实就是横竖屏切换之后的 第一个加载的页面样式会错乱,所以需要一个空白的页面来承载这个样式错乱的问题。
2023-02-08 13:33:17
2650
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人