小程序

作者: 异彩_c7a6 | 来源:发表于2019-06-13 20:37 被阅读0次
    1 pages 是页面目录。一个目录一页面
    • a .js 是页面js文件 页面逻辑
    • .json 页面配置文件 页面的标题,下拉熟悉啥的配置
    • .wxml 页面结构文件 相当与html 小程序就常用两个标签 view 和 text
    • .wxss 页面样式文件 相当与css
    2 根目录其他文件
    • app.js 项目主入口文件 项目的全局函数,变量,逻辑都在这
    • app.json 项目主配置文件 背景色,导航,标题的相关配置
    • app.wxss 全局样式文件 css
    3 每个子页面(.js文件)都有一套钩子函数(就是在打开当前页面的时候,自动按顺序执行相关的函数,不用手动调用)
    image.png
    4 子页面的data 数据
    image.png
    • 这些数据可以在 .wxml文件中展展示
      比如data 项目的 page: 1 在.wxml文件里{{page}} 页面打开就展示 1
      所有我们在.js文件修改page的值等于2,页面就会自动显示page2
    • 修改值的方法
      this.setData({
         page: 2
      })
    
    • 获取当前值 this.data.page
    5 子页面之前的跳转
        wx.navigateTo({
         url: '/pages/statusAnalyze/statusAnalyze?id='+e.currentTarget.dataset.id
       })
     
    

    相关文章

      网友评论

          本文标题:小程序

          本文链接:https://www.haomeiwen.com/subject/ldpefctx.html