小程序笔记下
-
小程序组件
- 网址:https://weui.io/
- 一款专注于移动端的ui库
- 操作反馈组件
- 交互操作组件,必须调用API方式使用
- 组件的使用类似HTML,但是必须
闭标签
- 组件的分类
- 功能性组件(eg:icon)
- 完成具体功能的
- 布局类型
- API类型(eg:wx.showModal)
- 通过调用一个方法使用
- 功能性组件(eg:icon)
-
页面间跳转(使用navigator组件)
<!-- 可以返回上个界面 --> <navigator url=""></navigator> <!-- 不返回 --> <navigator url="" redirect></navigator>
-
页面间传值
- 传值:在链接上问号后接参数
- 接受值
onLoad方法的第一个参数option(对象)
Page({ data:{}, onLoad:fuction(option){ //option用于处理页面跳转带来的参数 console.log(option) } })
-
实现点击元素高亮
.demo{ cursor:pointer; }
-
页面导航的另外一种方式(使用API)
<button bindtap="taphandle">跳转</button>
Page({ taphandle :funnction(){ //1. wx.navigateTo({ url:"../demo/demo" }) //2.相当与加了redirect的navigator wx.redirectTo({ url:"../demo/demo" }) //3.往回跳转,默认返回上一页 wx.navigateBack({ delta:2//返回的层数,超出历史记录是,默认回到最原始界面 }) } })
想做一定有方法,不想做一定有理由。