Taro编译成H5,taro-ui-vue3像素不正确的问题.

309 阅读1分钟

image.png

因为uni-app当前还不支持typescript版本的vue3发布H5页面,于是尝试了使用taro写vue3小程序和h5端的. 但是安装好ui插件后,发现了一个大问题..【安装过程忽略,掘金上有很多文章说明】.H5版本的按钮什么的大小,并没有变成我们需求的相应大小.基本全部偏大... 最后解决办法是将整个ui插件复制出来,以文件的形式引入..

image.png

然后在 config.index.js 中配置路径:

image.png

重点: 别名路径需要是 ../../node_modules/@tarojs/components/dist-h5/vue3/index.js

最后实现的效果:H5和小程序的大小,都变得合理了

image.png

第一次发掘金..排版什么的也不是太好,凑合看....没理解到可追问,我再更新一下细节...