uniapp顶部文字大小
时间: 2023-08-08 22:11:39 浏览: 135
根据引用\[1\]和引用\[2\]的内容,可以得知在uniapp中,可以通过修改根节点的font-size值来设置顶部文字的大小。具体的步骤如下:
1. 使用postcss-px-to-viewport插件将单位转换为rem,并将根节点的font-size值写入vuex中。
2. 在APP启动时,从缓存中读取上次设置的fontSize值,并将其赋值给vuex_fontsize。
3. 在需要控制大小的页面的顶部添加代码:<page-meta :page-font-size="vuex_fontsize+'px'" :root-font-size="vuex_fontsize+'px'"></page-meta>。
所以,通过以上步骤,可以实现uniapp顶部文字大小的设置。
#### 引用[.reference_title]
- *1* [uniapp 修改navigationBar字体大小](https://blog.csdn.net/weixin_44805839/article/details/120349075)[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^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [uniapp实现全局设置字体大小,实现小中大的字体切换](https://blog.csdn.net/qq_38118138/article/details/130625825)[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^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文