摘要：作业总结：这次作业没什么问题，看一次视频后，就开始做。不懂的时候，就看一下源代码，基本上能写出来。遇到一个问题，看了老师的q群建议，我去发工单好了~goods-index<!--pages/goods/index.wxml--> <view class="xxxl"> <view class="cate"&g
作业总结：
这次作业没什么问题，看一次视频后，就开始做。不懂的时候，就看一下源代码，基本上能写出来。
遇到一个问题，看了老师的q群建议，我去发工单好了~
goods-index
<!--pages/goods/index.wxml-->
<view class="xxxl">
<view class="cate">分类列表</view>
<block wx:for="{{cats}}" wx:for-index="idx">
<view class="xxl {{cat_id==idx?'on':''}}" bindtap="save_cat" data-id="{{idx}}">{{item.title}}</view>
</block>
</view>
<view class="right">
<!-- 列表1 -->
<block wx:for="{{lists}}">
<view class="box" bindtap="goList" data-id="{{item.id}}">
<view class="eimg"><image class="img" src="{{item.img}}"/></view>
<view class="txt">{{item.title}}</view>
</view>
</block>
</view>// pages/goods/index.js
var com=require("../../utils/util.js");
var cat_list=[];
Page({
/**
* 页面的初始数据
*/
data: {
cats:[],
lists:[],
cat_id:0
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
com.post('Api/Home/shop_index',{},'setCon',this);
},
setCon:function(e){
console.log(e);
cat_list=e.list;
this.setData({
cats:e.cat,
lists:cat_list[0]
});
},
save_cat:function(info){
var id=info.currentTarget.dataset.id;
console.log(id);
this.setData({
lists:cat_list[id],
cat_id:id
});
},
goList:function(info){
wx.navigateTo({
url: 'list?fid='+info.currentTarget.dataset.id,
})
}
})goods-list
<!--pages/goods/list.wxml-->
<view class="order">
<view class='order-item {{order==0?"on":""}}' bindtap="change" data-order="0">综合</view>
<view class='order-item {{order==1?"on":""}}' bindtap="change" data-order="1">销量</view>
<view class='order-item {{order==2?"on":""}}' bindtap="change" data-order="2">价格</view>
</view>
<!-- </列表> -->
<scroll-view class="big-box" scroll-y="true" lower-threshold="500px" bindscrolltolower="onList" style="height:{{min_height}}px;">
<!-- 列表item -->
<view class="lbox">
<block wx:for="{{res}}">
<view class="mid-box" bindtap="goList" data-id="{{item.id}}">
<image class="img" src="{{item.img}}"/>
<view class="tit">{{item.title}}</view>
<view class="lit-box">
<view class="pri">${{item.price}}</view>
<view class="sell">{{item.sales}}人付款</view>
</view>
</view>
</block>
</view>
<view class="fade">不知道</view>
<view class="fade">不知道</view>
<view class="fade">不知道</view>
<view class="fade">不知道</view>
<view class="fade">不知道</view>
</scroll-view>// pages/goods/list.js
var com=require('../../utils/util.js');
var pages=1;
var fid=0;
var orders=0;
var total_page=0;
Page({
/**
* 页面的初始数据
*/
data: {
res:[],
order:0,
min_height:0
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
console.log(options);
var sysh = wx.getSystemInfoSync();
console.log(sysh.windowHeight);
this.setData({
min_height:sysh.windowHeight
});
fid=options.fid;
com.post('Api/Home/shop_list',{page:pages,fid:8,order:orders},'setCon',this);
},
setCon:function(e){
console.log(e);
total_page=e.total;
this.setData({
res:this.data.res.concat(e.lists)
});
},
onList:function(){
pages=pages+1;
console.log(pages);
if (total_page>=pages){
com.post('Api/Home/shop_list', { page: pages, fid: 8, order: orders }, 'setCon', this);
}
},
change:function(e){
orders=e.currentTarget.dataset.order;
pages=1;
console.log(orders);
com.post('Api/Home/shop_list', { page: pages, fid: 8, order: orders}, 'setCons', this);
this.setData({
order:orders,
});
},
setCons: function (e) {
console.log(e);
total_page = e.total;
this.setData({
res: e.lists,
});
},
goList:function(e){
console.log(e);
var id=e.currentTarget.dataset.id;
wx.navigateTo({
url: 'details?id='+id,
})
}
}) 批改老师：查无此人批改时间：2018-12-21 14:40:01
老师总结：做的不错。 在作业里提问题，无法及时互动，使你的问题解决不够彻底。有问题可以就发工单，老师随时给你解决。。加油
