小程序笔记下

• 小程序组件

  • 网址：
  • 一款专注于移动端的ui库
  • 操作反馈组件
    • 交互操作组件，必须调用api方式使用
  • 组件的使用类似html，但是必须闭标签
  • 组件的分类
    • 功能性组件(eg:icon)
      • 完成具体功能的
    • 布局类型
    • api类型（eg:wx.showmodal）
      • 通过调用一个方法使用

• 页面间跳转（使用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//返回的层数，超出历史记录是，默认回到最原始界面
      })
  
    }
  })