• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

小程序页面配置

原作者: [db:作者] 来自: [db:来源] 收藏 邀请
一个小程序主体部分由三个文件组成,必须放在项目的根目录:
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属性:


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap