2017-12-21
2018-04-12 本文已影响0人
多佳小昕
第三章
-
新闻阅读列表
一、 swiper组件（轮播图）
- 每次新建一个页面需要在appjson中注册
- 先显示的页面放在上面
- swiper-item中的宽高只能放在swiper中，自动设置为100%
- vertical='true'纵向滚动
二、app.json导航栏和标题配置
- 垂直方向建议用px 水平方向rpx
三、page页面与应用程序的生命周期
js文件中，page属于一个入口注册
四、数据绑定（核心）
- 数据绑定的运算和逻辑
通过{{}}方式，通过脚本文件把数据绑定到xml中 - true、false或者其他字符串会被解析成布尔值，所以用{{true}}、{{false}} 可以正常解析。
img:{ head_img: "/images/9.jpg", contentimg: "/images/5.jpg" }
多层次的前面加个img.就可以了
- 两个数据可以放在一起工作的
- <image wx:if="{{condition}}">在脚本中设置false 可以隐藏
- {{a+b+c}} 可以正常相加
"{{“hello”+data}}会出现hello和data 的值 - item是默认的 可以不添加
- bingtap="ontap" 绑定tap事件
- 生命周期：
wx.redirectTo是关闭了页面 onunload不可以返回
wx.navigateTo 是隐藏了页面 onHide 可以返回 - 点击子节点，父节点也会执行！（冒泡）
- 大多数事件都是非冒泡事件，例如submit、input、scroll事件。
- catchtap可以阻止冒泡！
五、AppData区域
- alt shift F 格式化代码样式
- 将数据单独写在一个文件中进行调用
