github/ipaotui-mall
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

商品分类

Browse Source
This commit is contained in:
Kiyan 2017-05-15 16:50:09 +08:00
parent 285a9afa94
commit 357b8d9bd9
21 changed files with 318 additions and 98 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/app.json
View File

@ -1,6 +1,8 @@
{
"pages": [
"pages/index/index",
"pages/index/category",
"pages/index/search",
"pages/shop/show",
"pages/order/list",
"pages/order/show",
@ -10,9 +12,7 @@
"pages/address/list",
"pages/index/address",
"pages/address/add",
"pages/login/login",
"pages/shop/category",
"pages/shop/search"
"pages/login/login"
],
"window": {
"backgroundColor": "#f8f8f8",

126
app/pages/index/category.js Normal file
View File

@ -0,0 +1,126 @@
// pages/index/category.js
import {
getSellersByCategory
} from '../../utils/apis'
Page({
/**
* 页面的初始数据
*/
data: {
page: 0,
hasMore: true,
loading: false
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
this.id = options.id || 1
this.loadData()
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
var {loading, hasMore} = this.data
if (hasMore && !loading) {
this.loadData()
}
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
loadData() {
var that = this
var {id: category_id} = this
var {loading, page} = this.data
if (loading) {
return
}
that.setData({
loading: true
})
getSellersByCategory({
category_id, page,
success(data) {
var {list} = that.data
var {
list: list2, count, page
} = data
list2 = list2.map(item => {
item['distanceFormat'] = (item.distance / 1000).toFixed(2)
return item
})
that.setData({
loading: false,
list: list ? list.concat(list2) : list2,
hasMore: count == 10,
page: page + 1
})
wx.setNavigationBarTitle({
title: data.title,
})
}
})
}
})

0
app/pages/shop/category.json → app/pages/index/category.json
View File

9
app/pages/index/category.wxml Normal file
View File

@ -0,0 +1,9 @@
<!--pages/index/category.wxml-->
<import src="/templates/load-more.wxml" />
<import src="templates/shop.wxml" />
<view class="shop-list">
<template is="shop" wx:for="{{list}}" wx:key="{{seller_id}}" data="{{...item}}"></template>
</view>
<template is="load-more" data="{{loading: loading, hasMore: hasMore, noMoreLabel: '更多商家接入中, 敬请期待'}}"></template>

7
app/pages/index/category.wxss Normal file
View File

@ -0,0 +1,7 @@
/* pages/index/category.wxss */
@import '/templates/load-more.wxss';
@import './templates/shop.wxss';
.shop-list {
margin-top: 10px;
}

3
app/pages/index/index.js
View File

@ -76,7 +76,7 @@ Page({
}
var that = this
var {
page, currentAddress,
page,
} = this.data
this.setData({
@ -84,7 +84,6 @@ Page({
})
getSellers({
page,
address: currentAddress,
success(data) {
var {
shopList

35
app/pages/index/index.wxml
View File

@ -1,5 +1,5 @@
<import src="/templates/star-rate.wxml" />
<import src="/templates/load-more.wxml" />
<import src="templates/shop.wxml" />
<!--index.wxml-->
<view class="topbar">
@ -11,7 +11,7 @@
</view>
</view>
<view class="category">
<navigator class="category__item" url="" wx:for="{{category}}" wx:key="category_id">
<navigator class="category__item" url="/pages/index/category?id={{item.category_id}}" wx:for="{{category}}" wx:key="category_id">
<view>
<image src="{{item.icon}}" class="category__icon"></image>
</view>
@ -20,36 +20,7 @@
</view>
<view class="weui-panel weui-panel_access">
<view class="weui-panel__bd shop__list">
<navigator url="/pages/shop/show?id={{item.seller_id}}" wx:for="{{shopList}}" wx:key="{{seller_id}}" class="weui-media-box weui-media-box_appmsg shop__item" hover-class="weui-cell_active">
<view class="weui-media-box__hd weui-media-box__hd_in-appmsg">
<image class="weui-media-box__thumb" src="{{item.pic_url}}" />
</view>
<view class="weui-media-box__bd weui-media-box__bd_in-appmsg">
<view class="weui-media-box__title">{{item.seller_name}}</view>
<view class="weui-media-box__desc shop__desc">
<view class="shop__sales">
<view class="shop__star">
<template is="star-rate" data="{{value: item.overall}}" />
</view>
<view>月售 {{item.sales}} 单</view>
</view>
<view class="shop__misc weui-flex">
<view class="shop__fee weui-flex__item">
起送 ¥{{item.min_price}}
</view>
<text class="shop__reach-time grey-color">{{item.distanceFormat}}km</text> |
<text class="shop__reach-time primary-color">{{item.reach_time}}分钟</text>
</view>
</view>
<view wx:if="{{item.promotion.length > 0}}" class="shop__promotion">
<view wx:for="{{item.promotion}}" wx:key="index" class="shop__promotion-item">
<image class="shop__promotion-icon" src="{{item.pic_url}}"></image>
{{item.info}}
</view>
</view>
</view>
</navigator>
<template is="shop" wx:for="{{shopList}}" wx:key="{{seller_id}}" data="{{...item}}"></template>
</view>
</view>
<template is="load-more" data="{{loading: loading, hasMore: hasMore, noMoreLabel: '更多商家接入中, 敬请期待'}}"></template>

3
app/pages/index/index.wxss
View File

@ -1,7 +1,6 @@
/**index.wxss**/
@import './shop.wxss';
@import '/templates/star-rate.wxss';
@import './templates/shop.wxss';
@import '/templates/load-more.wxss';
.topbar {

80
app/pages/index/search.js Normal file
View File

@ -0,0 +1,80 @@
// pages/index/search.js
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
}
})

0
app/pages/shop/search.json → app/pages/index/search.json
View File

2
app/pages/index/search.wxml Normal file
View File

@ -0,0 +1,2 @@
<!--pages/index/search.wxml-->
<text>pages/index/search.wxml</text>

1
app/pages/index/search.wxss Normal file
View File

@ -0,0 +1 @@
/* pages/index/search.wxss */

34
app/pages/index/templates/shop.wxml Normal file
View File

@ -0,0 +1,34 @@
<import src="/templates/star-rate.wxml" />
<template name="shop">
<navigator url="/pages/shop/show?id={{seller_id}}" class="weui-media-box weui-media-box_appmsg shop__item" hover-class="weui-cell_active">
<view class="weui-media-box__hd weui-media-box__hd_in-appmsg">
<image class="weui-media-box__thumb" src="{{pic_url}}" />
</view>
<view class="weui-media-box__bd weui-media-box__bd_in-appmsg">
<view class="weui-media-box__title">{{seller_name}}</view>
<view class="weui-media-box__desc shop__desc">
<view class="shop__sales">
<view class="shop__star">
<template is="star-rate" data="{{value: overall}}" />
</view>
<view>月售 {{sales}} 单</view>
</view>
<view class="shop__misc weui-flex">
<view class="shop__fee weui-flex__item">
起送 ¥{{min_price}}
</view>
<text class="shop__reach-time grey-color">{{distanceFormat}}km</text> |
<text class="shop__reach-time primary-color">{{reach_time}}分钟</text>
</view>
</view>
<view wx:if="{{promotion.length > 0}}" class="shop__promotion">
<view wx:for="{{promotion}}" wx:key="index" class="shop__promotion-item">
<image class="shop__promotion-icon" src="{{item.pic_url}}"></image>
{{item.info}}
</view>
</view>
</view>
</navigator>
</template>

3
app/pages/index/shop.wxss → app/pages/index/templates/shop.wxss
View File

@ -1,5 +1,8 @@
@import '/templates/star-rate.wxss';
.shop__item {
align-items: flex-start;
background-color: #fff;
}
.shop__sales {

19
app/pages/shop/category.js
View File

@ -1,19 +0,0 @@
// pages/shop/category.js
Page({
data:{},
onLoad:function(options){
// 页面初始化 options为页面跳转所带来的参数
},
onReady:function(){
// 页面渲染完成
},
onShow:function(){
// 页面显示
},
onHide:function(){
// 页面隐藏
},
onUnload:function(){
// 页面关闭
}
})

2
app/pages/shop/category.wxml
View File

@ -1,2 +0,0 @@
<!--pages/shop/category.wxml-->
<text>pages/shop/category.wxml</text>

1
app/pages/shop/category.wxss
View File

@ -1 +0,0 @@
/* pages/shop/category.wxss */

19
app/pages/shop/search.js
View File

@ -1,19 +0,0 @@
// pages/shop/search.js
Page({
data:{},
onLoad:function(options){
// 页面初始化 options为页面跳转所带来的参数
},
onReady:function(){
// 页面渲染完成
},
onShow:function(){
// 页面显示
},
onHide:function(){
// 页面隐藏
},
onUnload:function(){
// 页面关闭
}
})

2
app/pages/shop/search.wxml
View File

@ -1,2 +0,0 @@
<!--pages/shop/search.wxml-->
<text>pages/shop/search.wxml</text>

1
app/pages/shop/search.wxss
View File

@ -1 +0,0 @@
/* pages/shop/search.wxss */

63
app/utils/apis.js
View File

@ -6,23 +6,25 @@ import {
// 获取商店列表
export function getSellers(options) {
var {
page, address,
page,
success
} = options
page = page || 0
var location = address.location
fetch({
url: 'index.php?m=Mall&c=Seller&a=getSellers',
data: {
page,
city_name: address.city,
city_id: address.city_id,
district_name: address.district,
district_id: address.district_id,
longitude: location.longitude,
latitude: location.latitude
},
success
getApp().getCurrentAddress(address => {
var location = address.location
fetch({
url: 'index.php?m=Mall&c=Seller&a=getSellers',
data: {
page,
city_name: address.city,
city_id: address.city_id,
district_name: address.district,
district_id: address.district_id,
longitude: location.longitude,
latitude: location.latitude
},
success
})
})
}
@ -483,4 +485,35 @@ export function getPayment(options) {
})
})
}
}
// 获取分组列表
export function getSellersByCategory(options) {
var {
category_id, page,
success, error
} = options
page = page || 0
getApp().getCurrentAddress(address => {
var {
location,
city_id,
city: city_name,
district_id,
district: district_name
} = address
fetch({
url: 'index.php?m=Mall&c=Seller&a=getSellersByCategory',
data: {
category_id,
city_id, city_name,
district_id, district_name,
page,
gps: `${location.longitude},${location.latitude}`,
},
success, error
})
})
}