基于taro的demo
环境
-
taro-cli
通过taro-cli新建项目后,编译会报缺少相关库。如h5会报缺少rimraf,weapp会报缺少object-assign。实际上,package.json中的依赖都已安装。原因在于这些依赖是taro-cli需要的,可能全局安装taro-cli时没安装完整,再分别全局安装需要的依赖,问题解决。
-
设计尺寸
taro在config中默认的设计尺寸是750px。若实际设计稿是350px,修改如下: designWidth: 375, deviceRatio: { '640': 2.34 / 2, '750': 1, '375': 0.5, '828': 1.81 / 2 },
-
px转rem
Taro默认会将所有px转为对应rem值,但有的时候,rem转化为小数位很多,会带来问题。例如通过border-radius画圆。 解决方法是,需要忽略的地方,写成Px或PX。
-
小程序编译
开发调试是用的dev:h5模式,当去编译weapp时,发现报错了,部分页面失败。 原因:Taro的组件中,render函数里,不能用对象的解构写法,类似const {...states} = this.state; const {...props} = this.props这种。只能const {name, title} = this.props