小程序之自定义组件 ---- 列表goodsList

教程请查看小程序开发文档：https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/

 

自定义组件：自定义组件可以将不同页面具有共同样式的布局独立开来，减少代码的重复冗余，也能更好的维护组件。

例：自定义弹框，自定义加载，自定义列表等等，自定义弹框网上教程很多，此处就讲讲自定义列表，原理大同小异，细节需要多加注意。

 

最终效果：

 

1.建立component文件夹，专门存放自定义组件  如：goodsList 自定义组件

 

2，编写自定义组件基本样式，即列表中的一个item

goodsList.wxml

<!--component/goodsList/goodsList.wxml-->
<view class='list-group'>
  <view class='list-left'>
    <image src='/pages/images/goods.png' class='img' mode="widthFix"></image>
  </view>
  <view class='list-right'>
    <view class='title'>{
    {title}}</view>
    <view class='desc'>{
    {desc}}</view>
    <view