【微信小程序学习之路】----使用template模板所遇到的问题

官方文档的demo过于简单,本人尝试几次也没有弄懂,找了几个demo后才渐渐了解清楚小程序的模板是怎么玩的。并且展示一个简单的demo

  • 首先来看我们的项目结构:主要用到index.js,index.wxml,temp.js,temp.wxml
    【微信小程序学习之路】----使用template模板所遇到的问题_第1张图片

  • 首先,我们在根目录下创建一个文件夹:templates,用于存放模板页面(temp.wxml)和模板样式文件(temp.wxss)

  • 然后我们对模板文件temp.wxml及进行编辑


其中:staffName:是该模板的名字, 中间的内容就是一个简单的渲染数组了,这里不多解释,很简单

  • 然后我们在我们的index.wxml主页来引入该模板