微信小程序 模板template的使用

时间:2017-08-20 22:33:12   收藏:0   阅读:543

一、文件目录结构如下:

技术分享

二、在house页面使用这些模板:

技术分享

 

 三、在house页面引入样式

技术分享

四、定义模板文件

技术分享

五、总结:

1、在模板文件中必须以name="模板名称" 如: <template name="HeaderNavTemplate">......</template> 包裹;

2、在引入模板页面.wxml页面中 <import src="../template/tpl-headerNav/tpl-headerNav.wxml" />  注意当前页面和模板文件的路径引用;

3、在引入模板页面.wxss页面中 @import "../template/tpl-FM/tpl-FM.wxss" 注意当前页面和模板文件的路径引用;

 

评论(0
© 2014 mamicode.com 版权所有 京ICP备13008772号-2  联系我们:gaon5@hotmail.com
迷上了代码!