Taro采坑记录

一、 从0搭建一个taro项目

1. 装好taro环境

2. 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）

1. 环境

2. 路由重置

//h5重置到主Tab页面

    isH5&& Taro.redirectTo({

        url: '/pages/account/register/index'

    })

    //微信小程序重置到主Tab页面

    isWX&& Taro.reLaunch({

        url: '/pages/account/register/index'

    })

3.布局：参考委托、找货卡

五、 网络库迁移

1. 请求方式变更

2. 小程序&h5坑

3. 存储方式变更

六、 参考资料

官网：<u>http://taro-docs.jd.com/taro/docs/README.html</u>