小程序笔记下

  • 小程序组件

    • 网址:https://weui.io/
    • 一款专注于移动端的ui库
    • 操作反馈组件
      • 交互操作组件,必须调用API方式使用
    • 组件的使用类似HTML,但是必须闭标签
    • 组件的分类
      • 功能性组件(eg:icon)
        • 完成具体功能的
      • 布局类型
      • API类型(eg:wx.showModal)
        • 通过调用一个方法使用
  • 页面间跳转(使用navigator组件)

    
      
    
        
    
  • 页面间传值

    • 传值:在链接上问号后接参数
    • 接受值
      onLoad方法的第一个参数option(对象)
      Page({
        data:{},
        onLoad:fuction(option){
          //option用于处理页面跳转带来的参数
          console.log(option)
        }
      })
    
  • 实现点击元素高亮

      .demo{
        cursor:pointer;
      }
    
  • 页面导航的另外一种方式(使用API)

    
    
    Page({
      taphandle :funnction(){
        //1.
        wx.navigateTo({
          url:"../demo/demo"
        })
        //2.相当与加了redirect的navigator
        wx.redirectTo({
          url:"../demo/demo"
        })
    
        //3.往回跳转,默认返回上一页
        wx.navigateBack({
          delta:2//返回的层数,超出历史记录是,默认回到最原始界面
        })
    
      }
    })
    

你可能感兴趣的:(小程序笔记下)