描述:将页面内的功能模块抽象成自定义组件,以便在不同页面中重复使用;或者是复杂的页面拆分成多个低耦合的模块,有利于代码维护。
功能实现:下面就以列表展示为例,在项目中,多个地方使用到列表展示,整体样式就是左边图片,右边标题和内容列表。
第一步:创建组件
在pages同级目录下新建component目录,在当前目录下新建list文件夹,里面包含.js,,wxml,,json,,wxml四个文件。
第二步:在list.wxml中写入
<view class="xiangqing-border">
<view class="xiangqing" wx:for="{
{listArray}}" wx:key='' data-id="{
{item.id}}" catchtap="showDetail">
<!--头像-->
<view clas