<view class="home-main">
?? ?<!-- 搜索 -->
?? ?<view class="search-bar">
?? ??? ?<view class="search-bar-form">
?? ??? ??? ?<image class="search-img" src="/images/search-icon.png"></image>
?? ??? ??? ?<input class="search-input" type="text" placeholder="搜索圖片、文章、視頻" confirm-type="search"></input>
?? ??? ?</view>
?? ?</view>
?? ?<!-- 列表 -->
?? ?<view class="classify-list-all">
?? ??? ?<view wx:for="{{list}}" wx:key="id" data-item='{{item}}' class="classify-list flex align-center" bindtap="goClassify">
?? ??? ??? ?<image class="classify-list-image" src="{{item.logo}}"></image>
?? ??? ??? ?<view class="classify-list-main">
?? ??? ??? ??? ?{{item.name}}
?? ??? ??? ?</view>
?? ??? ?</view>
?? ?</view>
</view>

import Api from "../../../config/api";
import Http from "../../../utils/http";
Page({
? data: {
? ? formData: {
? ? ? size: 10,//分頁，一頁10條
? ? ? current: 1,//當(dāng)前頁數(shù)
? ? },
? ? isLast: false,//是否是最后一頁
? ? list: [],//列表數(shù)組
? },
? onLoad() {
? ? //首次請求
? ? this.queryListPage();
? },
? onPullDownRefresh() {
? ? //下拉刷新
? ? this.setData({ 'formData.current': 1 });
? ? this.queryListPage();
? },
? onReachBottom() {
? ?? ?//頁面上拉觸底事件的處理函數(shù)
? ? this.queryListPage();
? },
? goClassify(e) {
? ? wx.navigateTo({
? ? ? url: `/pages/home/classify/classify?id=${e.currentTarget.dataset.item.id}`,
? ? })
? },
? queryListPage() {
? ?? ?//請求列表
? ? if (this.data.isLast) {
? ? ? return;
? ? };
? ? Http.request(Api.productQueryMyPage, this.data.formData, 'GET', true).then(res => {
? ? ? let arr = res.data || [];
? ? ? if (arr && arr.length > 0) {
? ? ? ? arr = arr.map(item => {
? ? ? ? ?//需要處理列表
? ? ? ? ?item.name = item.name + '處理后數(shù)據(jù)';
? ? ? ? ? return item;
? ? ? ? });
? ? ? } else {
? ? ? ? this.setData({
? ? ? ? ? isLast: true,
? ? ? ? });
? ? ? }
? ? ? let list = this.data.formData.current === 1 ? arr : this.data.list.concat(arr);
? ? ? let current = this.data.formData.current + 1;
? ? ? this.setData({
? ? ? ? list,
? ? ? ? 'formData.current': current
? ? ? });
? ? });
? },
})

export default {
? /******* 商品信息 *******/
? productQueryMyPage: '/product/queryMyPage',//查詢我的商品列表
}

// import Api from "../config/api";
import Config from "../config/config";
function checkCode(res) {
? //401token過期 403表示這個接口是需要登錄的。你沒有權(quán)限訪問
? if ([401, 403].includes(res.statusCode)) {
? ? wx.removeStorage({
? ? ? key: 'token',
? ? ? success() {?
? ? ? ? wx.switchTab({
? ? ? ? ? url: '/pages/my/my-main/my-main'
? ? ? ? });
? ? ? }
? ? })
? }
}
const http = {
? request(url, data, method, needLogin) {
? ? let header = {
? ? ? 'content-type': 'application/json' // 默認(rèn)值
? ? };
? ? if (needLogin) {
? ? ? const token = wx.getStorageSync('token');
? ? ? if (token) {
? ? ? ? header['Authorization'] = 'Bearer ' + token;
? ? ? }
? ? };
? ? return new Promise((resolve, reject) => {
? ? ? wx.request({
? ? ? ? url: Config.domain + url,
? ? ? ? data,
? ? ? ? method,
? ? ? ? header,
? ? ? ? success(res) {
? ? ? ? ? console.log(res);
? ? ? ? ? console.log(res.data);
? ? ? ? ? checkCode(res);
? ? ? ? ? resolve(res.data);
? ? ? ? },
? ? ? ? fail(res) {
? ? ? ? ? reject(res);
? ? ? ? }
? ? ? })
? ? })
? },
? uploadFile(url, filePath, formData, needLogin) {
? ? let header: any = {
? ? ? 'content-type': 'multipart/form-data' // 默認(rèn)值
? ? };
? ? if (needLogin) {
? ? ? const token = wx.getStorageSync('token');
? ? ? if (token) {
? ? ? ? header['Authorization'] = 'Bearer ' + token;
? ? ? }
? ? };
? ? return new Promise((resolve: any, reject: any) => {
? ? ? wx.uploadFile({
? ? ? ? url: Config.domain + url,
? ? ? ? filePath,
? ? ? ? name: 'files',
? ? ? ? formData,
? ? ? ? header,
? ? ? ? success(res) {
? ? ? ? ? debugger
? ? ? ? ? console.log(res);
? ? ? ? ? console.log(res.data);
? ? ? ? ? checkCode(res.statusCode);
? ? ? ? ? resolve(JSON.parse(res.data));
? ? ? ? },
? ? ? ? fail(res) {
? ? ? ? ? reject(res);
? ? ? ? }
? ? ? })
? ? })
? },

};
export default http;

export default {
? domain: 'http://www.test.com',
}