怎么在企查查网站做企业认证在线crm软件

微信小程序的模板template和列表渲染的使用

操作说明

1. 第一步创建模板，并先写假数据，好比写普通页面一样，外层套一个template标签
2. 在调用模板的页面引入wxml和wxss，用于调整样式
3. js引入数据，给页面设置数据，修改模板中的假数据，用{{}}表示真实数据，进行列表渲染

代码说明

template-list.wxml模板，假数据已经被我改写成真实引用的数据了，建议先用假数据，便于调试

<template name="Item"><view class="tmpContainer"><view class="avatar_date"><image src="{{avatar}}"></image><text class="avatar_autor">{{author}}</text><text class="avatar_date">{{date}}</text></view><view class="title"><text>{{title}}</text></view><image class="image_item" src="{{headImgSrc}}"></image><text class="contentItem">{{detail_content}}</text><view class="collection"><image src="{{detail_love_image1}}"></image><text>{{love_count}}</text><image src="{{detail_love_image2}}"></image><text>{{attention_count}}</text></view></view>
</template>

需要引入模板的页面需要有以下代码（import内是模板的路径）

<!--引入模板wxml文件-->
<import src="/pages/template/template-list.wxml"/><!--请在数据listArr引入后再写block标签部分--><block wx:for='{{listArr}}' wx:key='{{index}}'><view><template is="Item" data="{{...item}}"/></view></block>

js中引入数据，require必须使用相对路径，否则报错

Home.js

let datas= require("../../datas/list-data.js")
Page({data: {//初始化数据用于接收数据data:{listArr:[]}},/*** 生命周期函数--监听页面加载*/onLoad: function (options) {//设置数据this.setData({listArr : datas.list_data})}
})

最后修改为真实数据，增加block标签内的wx:for的列表渲染即可

有用的话点个赞！