微信小程序ecshop商城开发（一）

104 阅读 0 评论 69 点赞

我是靠谱客的博主年轻毛巾，这篇文章主要介绍微信小程序ecshop商城开发（一），现在分享给大家，希望可以做个参考。

微信小程序太火了，逼得我不得不也来凑热闹，闲来无事准备开发一个基于ecshop的微信小程序商场。今天刚开始画了一个简单的框架。

目前通过ec的api接口在微信小程序下能够获取到商品列表／商品详细情况／商城分类，后续我会将完成的功能写出来，各位大神勿喷。

主要就用到是下面代码

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<block wx:for="{{list}}" wx:for-index="id">
      <text wx:if="{{item.header}}" class="sub-title">{{item.header}}</text>
     <!-- <navigator wx:else url="../detail/detail?id={{item.goods_id}}">  </navigator>
-->
<view class="clist">
 <scroll-view scroll-y="true" style="height: 100%;" bindscrolltoupper="upper" bindscrolltolower="lower" bindscroll="scroll" scroll-into-view="{{toView}}" scroll-top="{{scrollTop}}">

<!--标题-->
<view class="crow-level1">
<span>{{item.cat_name}}</span>
</view>
<!--大分类-->
<view class="clist-clist_sub-clearfix" >
<!--小分类-->
<view class="crow_x"><image style="width:4.6rem;height:4.3rem;padding-right: 27px;" src="http://www.xxxxx.com/data/cat_ico/1{{item.cat_ico}}"/>
<view class="crow_x_i">2</view>
</view>

</view>

  </scroll-view>

</view>

    </block>

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
 wx.request({
      url: 'http://www.xxxxxx.com/api/yi_goods.php?action=get_goods_category',
      headers: {
        'Content-Type': 'application/json'
      },
      success: function (res) {
         that.setData({
           list: res.data.get_goods_category
         })
         console.log(res.data.get_goods_category)
      }
    })