⼩程序--⼀--⽂件夹及内容解析
js学习
以后坚持⼀⽇⼀更，和⼤家分享我每天学习的成果及经验，让想要学习的⼩伙伴少⾛弯路。
⼀、⼩程序⽬录结构
⼩程序主体部分三个⽂件
⽂件必需作⽤
app.js是⼩程序逻辑
app.json是⼩程序公共配置
app.wxss否⼩程序公共样式表
utils是存放⼯具的函数，主要就是为了达到代码复⽤的⽬的fig.json是开发者⼯具的配置信息pages是存放⼩程序的所有页⾯，每个页⾯主要就是由四个⽂件组成pages，⼀个⼩程序页⾯由四个⽂件组成
⽂件必需作⽤
js是页⾯逻辑
wxml是页⾯结构
wxss否页⾯配置
json否页⾯样式表
注意：为了⽅便开发者减少配置项，描述页⾯的四个⽂件必须具有相同的路径与⽂件名
⼆、.json⽂件配置
⽰例：
{
/* 有哪⼀个就可以查看哪⼀个，哪⼀个在前⾯就显⽰哪⼀个 */ "pages":[
"pages/index/index",
"pages/logs/logs"
],
/* 页⾯显⽰ */
"window":{
/* 页⾯向下滑显⽰的三个⼩点样式，刷新*/ "backgroundTextStyle":"dark",
/* 导航条的背景颜⾊ */ "navigationBarBackgroundColor":"#11eeee",
/* 标题 */ "navigationBarTitleText":"YKenan", "navigationBarTextStyle":"black",
/* 页⾯向下滑显⽰的背景颜⾊ */ "backgroundColor":"#11ee11",
/* 是否显⽰页⾯向下滑，刷新 */ "enablePullDownRefresh":true
},
"sitemapLocation":"sitemap.json",
/
* 底部显⽰ */
"tabBar":{
/* 字体颜⾊ */
"color":"#888",
/* 选中的字体颜⾊ */
"selectedColor":"#23ed88",
/* 背景颜⾊ */
"backgroundColor":"#44aaaa55",
/* 显⽰位置 */
"position":"bottom",
"list":[
{
"pagePath":"pages/index/index",
"text":"⾸页",
/* 图标的路径 */
"iconPath":"resources/1.png",
/* 被选中的图标的路径 */
"selectedIconPath":"resources/2.png"
},
{
"pagePath":"pages/logs/logs",
"text":"⽇志",
/
* 图标的路径 */
"iconPath":"resources/1.png",
/* 被选中的图标的路径 */
"selectedIconPath":"resources/2.png"
}
]
},
/* 设置超时时间 */
selectediconpath什么意思"networkTimeout":{
"request":10000,
"downloadFile":10000
},
"debug":true
}
pages：存放页⾯⽂件路径
window：存放顶部导航条的样式及显⽰⽂字
tabBar：底部栏，最少两个最多五个，底部导航
基本结构：
├── app.js
├── app.json
├── app.wxss
├── pages
││── index
││├── index.wxml ││├── index.js
││├── index.json ││└── index.wxss │└── logs
│├── logs.wxml │└── logs.js
└── utils

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。