微信小程序的学习(2)

今天做了第二个页面list的基本展示 流程如下:
首先实现昨天的点击跳转

微信小程序的学习(2)
微信小程序的学习(2)
微信小程序的学习(2)

引入轮播swiper
微信小程序的学习(2)
微信小程序的学习(2)
然后采用模板(因为需要动态显示)
微信小程序的学习(2)

这里需要引入模板,wxml和wxss引入是不同的
微信小程序的学习(2)
微信小程序的学习(2)
插入模板就是设置好name,哪里用就is

列表渲染(说白了就是遍历)
这个可以加个标识key
微信小程序的学习(2)
这个可以遍历多个view
微信小程序的学习(2)
这里想将数据传递给模板,用到了三点运算符,因为是默认有item和index,直接这么写就行,它的意思是官方文档这样说:使用 is 属性,声明需要的使用的模板,然后将模板所需要的 data 传入。
这里三点运算符相当于遍历了对象,所以就下面就可以直接使用了
例: <image src="{{avatar}}"></image>
微信小程序的学习(2)
这里从外面引入js文件需要回退,否则报错,它是从当前位置来算的
微信小程序的学习(2)

效果图

微信小程序的学习(2)
微信小程序的学习(2)
微信小程序的学习(2)

今天还比较简单,不过微信开发工具有时候老打不开,白屏。。。。。最后解决了,不知道以后会不会再犯,下载32位的那个包没事,64位好像不适合我