您的位置:首页 > 移动开发 > 微信开发

微信小程序ecshop商城开发(一)

2016-09-26 22:35 459 查看
微信小程序太火了,逼得我不得不也来凑热闹,闲来无事准备开发一个基于ecshop的微信小程序商场。今天刚开始画了一个简单的框架。
目前通过ec的api接口在微信小程序下能够获取到商品列表/商品详细情况/商城分类,后续我会将完成的功能写出来,各位大神勿喷。

主要就用到是下面代码

<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>


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)
}
})








内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息