1.文件夹建好,template(名字自己取)文件夹里放模板文件wxml,wxss,在需要用的页面进行引入对应的wxml和wxss
2.template里的color.wxml
<template name="lplist">
<!-- 根据自己需要,如果只有一层需要循环的数据,这里就一层循环即可 -->
<!-- 如果有数据两层,这里就写两层循环 -->
<block wx:for="{
{lpListItem}}" wx:for-item="list" wx:for-index="outerIndex" wx:key="outerIndex">
<block wx:for="{
{list}}" wx:for-item="item" wx:for-index="innerIndex" wx:key="innerIndex">
<view class='yhul'>
<view class=''>
<navigator url="/pages/lpdetail/lpdetail?id={
{item.id}}" open-type="navigate" class='yhli flex flexSb'>
<view class='yhli_l'>
<view class='yhli_l_pic'>
<image src='{
{item.cover_pic}}'></image>
</view>
<view class='yhli_l_msg'>{
{item.distname}}</view>
</view>
<view class='yhli_r'>
<!--title -->
<view class='flex yhli_r_title alignC'>
<!-- 1:标签 -->
<view class='yhli_r_titel_l yhli_orange'>{
{item.statusname}}</view>
<view class='yhli_r_titel_r'>{
{item.name}}</view>
</view>
<!-- price -->
<view class='yhli_r_price flex'>
<view class='yhli_r_price_l'>产地</view>
<view class='yhli_r_price_r'>{
{item.averageprice}}
<!-- <text>元/㎡</text> -->
</view>
</view>
<!-- 套数中签率 -->
<view class='yhli_r_tz flex flexSb f24'>
<view class='yhli_r_tz_l flex flexSb'>
<view class='mr20'>数量</view>
<view>
<text class='bold'>{
{item.housenum}}</text><!-- 套 --></view>
</view>
<view class='yhli_r_tz_r flex flexSb'>
<view class