码迷,mamicode.com
首页 > 微信 > 详细

微信小程序页面引入公用头部底部

时间:2018-04-30 11:45:40      阅读:6931      评论:0      收藏:0      [点我收藏+]

标签:ima   style   技术   imp   temp   template   span   引入   不能   

最近比较浮躁各种事情各种烦恼,现在开始静下心来写博客。学技术就不能浮躁时时刻刻要记在心里,激励自己希望也可以激励大家。最近一段时间在开发小程序,没有系统的学习过拿起来就做的那种写的不好各位多多指教。

第一步:新建一个目录

  在pages目录下面新建一个templates目录(小窍门:在app.json 文件pages里面写上"pages/templates/foot" 自动为我们生成),这个目录我们用来存放公用的模板。下面是我们创建完的目录:

  技术分享图片

第二步:定义模板

  在我们新建的foot.wxml文件下编写代码如下:


<!--pages/templates/foot.wxml-->
<template name="foot">
  <text>我是底部</text>
</template>

  name 是template的属性,作为模板的名字。

第三步:引用模板

  现在我们在pages/index/index.wxml里面引用这个模板。
  

<import src="../templates/foot"/>
<template is="foot"></template>
src="../templates/foot" 模板的路径

is="foot"模板的名字
现在就能用了

 

微信小程序页面引入公用头部底部

标签:ima   style   技术   imp   temp   template   span   引入   不能   

原文地址:https://www.cnblogs.com/zshno1/p/8973037.html

(3)
(5)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!