vue3-print-nb 打印样式配置

根据引用\[1\]和引用\[2\]的内容，可以看出在使用vue3-print-nb打印时，可以通过修改CSS样式来配置打印样式。具体的配置方法如下：

1. 首先，在CSS中添加以下代码，用于设置打印时的样式：

@media print {
  /* 在这里设置打印页面的样式 */
}

2. 在`@media print`中，可以使用相应的class来修改打印页面的样式。例如，在`#qrcode`中设置二维码的样式，可以使用`.qrbox`来修改二维码的位置和样式。

3. 在`.qrbox`中，可以使用`position`属性来设置相对定位，并使用`top`、`left`等属性来对二维码进行定位。

4. 在`.code`中，可以设置二维码的宽度和高度。

综上所述，可以根据需要在`@media print`中修改相应的class来配置打印样式。
#### 引用[.reference_title]
- *1* [vue3使用 vue3-print-nb打印坑](https://blog.csdn.net/qq_41434612/article/details/130897906)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [解决vue3-print-nb打印二维码定位(qrcode.vue) 问题](https://blog.csdn.net/weixin_45256913/article/details/127322141)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]