3. 首页 ​

class Request {
	constructor(options = {}) {
		// 请求的根路径
		this.baseUrl = options.baseUrl || ''
		// 请求的 url 地址
		this.url = options.url || ''
		// 请求方式
		this.method = 'GET'
		// 请求的参数对象
		this.data = null
		// header 请求头
		this.header = options.header || {}
		this.beforeRequest = null
		this.afterRequest = null
	}

	get(url, data = {}) {
		this.method = 'GET'
		this.url = this.baseUrl + url
		this.data = data
		return this._()
	}

	post(url, data = {}) {
		this.method = 'POST'
		this.url = this.baseUrl + url
		this.data = data
		return this._()
	}

	put(url, data = {}) {
		this.method = 'PUT'
		this.url = this.baseUrl + url
		this.data = data
		return this._()
	}

	delete(url, data = {}) {
		this.method = 'DELETE'
		this.url = this.baseUrl + url
		this.data = data
		return this._()
	}

	_() {
		// 清空 header 对象
		this.header = {}
		// 请求之前做一些事
		this.beforeRequest && typeof this.beforeRequest === 'function' && this.beforeRequest(this)
		// 发起请求
		return new Promise((resolve, reject) => {
			let weixin = wx
			// 适配 uniapp
			if ('undefined' !== typeof uni) {
				weixin = uni
			}
			weixin.request({
				url: this.url,
				method: this.method,
				data: this.data,
				header: this.header,
				success: (res) => {
					if (typeof res.data !== 'object') {
					  uni.showToast({ title: '服务端异常' , icon: 'none' })
					  return reject(res)
					}
					const { resultCode, data, message } = res.data
					// 判断请求结果
					if (resultCode !== 200) {
						if (message) uni.showToast({ title: message , icon: 'none' })
						return reject(data)
					}
					resolve(res.data)
				},
				fail: (err) => {
					reject(err)
				},
				complete: (res) => {
					// 请求完成以后做一些事情
					this.afterRequest && typeof this.afterRequest === 'function' && this
						.afterRequest(res)
				}
			})
		})
	}
}

export const $http = new Request()

import { $http } from '@/utils/request'

// 配置请求根地址
$http.baseUrl = 'http://zhi.zeng.pub/new-bee/api/v1/'

// 配置请求拦截器
$http.afterRequest = function(options) {
	
}

export default $http

import http from '../index.js'

// 获取首页数据
export function getHome() {
  return http.get('/index-infos');
}

// 分类数据
export const categoryData = [{
		name: 'NB超市',
		imgUrl: 'https://s.yezgea02.com/1604041127880/%E8%B6%85%E5%B8%82%402x.png',
		categoryId: 100001
	},
	{
		name: 'NB服饰',
		imgUrl: 'https://s.yezgea02.com/1604041127880/%E6%9C%8D%E9%A5%B0%402x.png',
		categoryId: 100003
	},
	{
		name: '全球购',
		imgUrl: 'https://s.yezgea02.com/1604041127880/%E5%85%A8%E7%90%83%E8%B4%AD%402x.png',
		categoryId: 100002
	},
	{
		name: 'NB生鲜',
		imgUrl: 'https://s.yezgea02.com/1604041127880/%E7%94%9F%E9%B2%9C%402x.png',
		categoryId: 100004
	},
	{
		name: 'NB到家',
		imgUrl: 'https://s.yezgea02.com/1604041127880/%E5%88%B0%E5%AE%B6%402x.png',
		categoryId: 100005
	},
	{
		name: '充值缴费',
		imgUrl: 'https://s.yezgea02.com/1604041127880/%E5%85%85%E5%80%BC%402x.png',
		categoryId: 100006
	},
	{
		name: '9.9元拼',
		imgUrl: 'https://s.yezgea02.com/1604041127880/9.9%402x.png',
		categoryId: 100007
	},
	{
		name: '领劵',
		imgUrl: 'https://s.yezgea02.com/1604041127880/%E9%A2%86%E5%88%B8%402x.png',
		categoryId: 100008
	},
	{
		name: '省钱',
		imgUrl: 'https://s.yezgea02.com/1604041127880/%E7%9C%81%E9%92%B1%402x.png',
		categoryId: 100009
	},
	{
		name: '全部',
		imgUrl: 'https://s.yezgea02.com/1604041127880/%E5%85%A8%E9%83%A8%402x.png',
		categoryId: 100010
	}
]

onMounted(async () => {
	// 1. 显示加载
	uni.showLoading({ title: '加载中...', mask: true })
	// 2. 加载数据
	const { data } = await getHome()
	console.log(data)
	state.swiperList = data.carousels
	state.newGoods = data.newGoodses
	state.hots = data.hotGoodses
	state.recommends = data.recommendGoodses
	state.loading = false
	// 3. 隐藏加载
	uni.hideLoading()
})