uniapp 入门实战

背景 产品要求公司的小程序和网站需要将商品详情导出成pdf，所以今天有琢磨一下如何将前端页面导出成pdf 实现效果 Web网站 demo： 整体来说很简单，就是借助html2canvas将dom转成图

情境 对比效果 代码 原因 截图的尺寸宽高固定值，而没有根据设备的像素比来动态设置，自然在高分辨率下截图出一个小尺寸图片，然后将其拉伸到大一点的尺寸显示就变得模糊了 解决方法 参考文献 https:/

情境 实际效果 正常效果 代码 原因 知道这个原因就不难想到，常用的解决办法：给需要换行的多个元素用 view 包裹一层，然后再使用 br 即可 解决方法 总结 很多时候添加代码不起作用，需要想想各知

情境 实际效果 给 Comp 添加 class，蓝色边框贼诡异，为啥会显示成这个样式? 正确效果：vue demo 代码 Comp.vue index.vue 没有想到为啥，就给 uniapp 提了一

实现 效果 总结： 需要固定宽高，否则会导致文字被压扁 参考文献 https://stackoverflow.com/questions/4801181/vertically-and-horizont

>>> 与 /deep/ 深度选择无法使用的问题 具体效果 解决办法 改用::v-deep 解决 参考文献 Deep selector not working

问题现象 效果 xml 文档结构(说明：把父节点 list 的 width 设置成 auto 和 100%都没有效果) 设置成大的具体值起效了 解决思路 实在看不出啥问题，就将此列表与一个正常列表对比