jxzlhy / taro-kit

taro 脚手架

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

项目会不断迭代,有需求欢迎issue 如果能帮到你,那就给个star呗!

功能列表

  • 封装api请求方式
  • 更方便的创建action:增加createApiAction
  • 基础像素试着为1倍即:1px 会编译成 2rpx(小程序默认是2倍)符合习惯
  • 基础demo案列

用法

npm i

npm start

更方面的创建action

未封装前

function articleList(data) {
  return { type: LIST, payload: data }
}

export function list() {
  console.log('list')
  return (dispatch) => {
    // service.get('/v1/article/list')
    //   .then((res) => {
    //     dispatch(articleList(res.data.article))
    //   })

    Taro.request({
      url: 'http://api.shudong.wang/v1/article/list',
      data: {
        foo: 'foo',
        bar: 10
      },
      header: {
        'content-type': 'application/json'
      }
    }).then((res) => {
      dispatch(articleList(res.data.article))
    })
  }
}

2018-09-25-15-50-45

封装后请求api的使用方式

export const list = createApiAction(LIST, params => api.get('news/list', params))

2018-09-25-15-51-45

About

taro 脚手架


Languages

Language:JavaScript 90.6%Language:CSS 5.0%Language:HTML 4.4%