微信小程序> 小程序页面配置

小程序页面配置

浏览量:769 时间: 来源:Abenazhan
一个小程序主体部分由三个文件组成,必须放在项目的根目录:
app.js(小程序逻辑)
app.json(小程序公共设置)
app.wxss()

一个小程序页面由四个文件组成,
js(页面逻辑)
wxml(页面结构)
wxss(页面样式表)
json(页面配置)

解读:



app.js、app.json、app.wxss、这三个是框架。
pages文件夹下的index文件夹和logs文件夹都是页面

修改hello world首页标语
pages文件夹下的index文件夹,index.js页

Page({  data: {    motto: '美少女',    userInfo: {},    hasUserInfo: false,    canIUse: wx.canIUse('button.open-type.getUserInfo')  },

修改motto:


配置文件:



每个新增的页面都需要配置文件路径,否则在导航跳转的时候,不能跳转到该页面。

新增加的页面需要在app.json里面进行配置,文件路径+文件名

"pages":[    "pages/index/index",    "pages/logs/logs"  ],

window:

 "window":{    "backgroundTextStyle":"light",    "navigationBarBackgroundColor": "#000000",    "navigationBarTitleText": "WeCMS",    "navigationBarTextStyle":"white",    "backgroundColor":"#000000",    "onReachBottomDistance":"50px"  }

属性:
 




tabBar:

 "tabBar": {      "color":"#ffffff",      "selectedColor":"#fea1f0",      "backgroundColor":"#000000",      "list": [        {          "pagePath": "pages/index/index",          "text": "小仙女"        },        {          "pagePath": "pages/logs/logs",          "text": "美少女"        }      ]    }

tabBar属性:


 
list属性:

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎