WeChat拆分模块

1、创建模块
用name

<template name="swiper">
	<swiper class="swiper" loop="true" autoplay="true" interval="2000" indicator-dots="true" circular="true" duration="1000" skip-hidden-item-layout="true" indicator-active-color="#fff">
		<swiper-item wx:for="{{ banner }}" wx:key="{{index}}">
			<image src="{{item.picUrl}}"></image>
		</swiper-item>
	</swiper>
</template>

  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
 

2、导入
用is

<!-- 搜索框下纵向滚动公告 -->
	<import src="modular/swiper/swiperDown.wxml" />
	<template is="swiperDown" data="{{data:msgList}}"></template>


	<!-- 轮播图 -->
	<import src="modular/swiper/swiper.wxml" />
	<template is="swiper" data="{{banner:swiper}}"></template>

  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
 

文章来源: jiangwenxin.blog.csdn.net，作者：前端江太公，版权归原作者所有，如需转载，请联系作者。

原文链接：jiangwenxin.blog.csdn.net/article/details/107889080