abstract:作业总结:这次作业没什么问题,看一次视频后,就开始做。不懂的时候,就看一下源代码,基本上能写出来。遇到一个问题,看了老师的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, }) } })
Correcting teacher:查无此人Correction time:2018-12-21 14:40:01
Teacher's summary:做的不错。 在作业里提问题,无法及时互动,使你的问题解决不够彻底。有问题可以就发工单,老师随时给你解决。。加油