微信小程序的学习(2)

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

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

引入轮播swiper
在这里插入图片描述
在这里插入图片描述
然后采用模板(因为需要动态显示)
在这里插入图片描述

这里需要引入模板,wxml和wxss引入是不同的
在这里插入图片描述
在这里插入图片描述
插入模板就是设置好name,哪里用就is

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

效果图

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值