如何对追格小程序H5版进行UI调试与优化

追格官方小助手/ 2022年11月10日/ 小程序/ 浏览 1075

追格小程序是一个积木式小程序搭建框架,基于Uniapp+WordPress开发,可以直接编译成H5版,但由于H5支持和体验问题,H5 平台部分功能尚未适配,仅可用作测试,若有需求可自行开发。【代码下载:https://www.zhuige.com/product/zg.html


扫码体验




有些同学对追格小程序有多平台支持的需求,追格小程序H5版在UI上与各个小程序平台还是有些差异,需要遵循web浏览器兼容进行优化。


在HBuilderX开发工具中,通过运行到内置浏览器,我们可以在开发工具内进行项目的预览和调试




例如直接运行,圈子里的圈子成员滚动会有滚动条出现,这就是web浏览器和小程序里的scroll-view解析和浏览器差异导致的问题。



可以通过web浏览器常用的优化方法,调整css来解决例如


::-webkit-scrollbar{display:none;}


这里仅给大家提供一个解决问题的思路,具体请结合自己实际项目情况进行优化


有其他追格小程序H5版的问题,可以参考这篇文章
追格小程序H5版发布与报错修复教程

发表评论

暂无评论,抢个沙发...

客服 工单