一、 从0搭建一个taro项目
-
装好taro环境
-
taro init xxApp
3.开启本地服务
开启h5服务:npm run dev:h5
开启微信小程序服务:npm run dev:weapp
二、 布局适配
config/index.js 修改
designWidth: 375,
deviceRatio: {
'375': 1/ 2,
'640': 2.34/ 2,
'750': 1,
'828': 1.81/ 2
},
三、 列表封装
参考资料<u>https://blog.csdn.net/weixin_42861240/article/details/87867884</u>
四、 布局兼容（微信&h5）
-
环境
-
路由重置
//h5重置到主Tab页面
isH5&& Taro.redirectTo({
url: '/pages/account/register/index'
})
//微信小程序重置到主Tab页面
isWX&& Taro.reLaunch({
url: '/pages/account/register/index'
})
3.布局：参考委托、找货卡
五、 网络库迁移
-
请求方式变更
-
小程序&h5坑
-
存储方式变更
六、 参考资料
网友评论