⼩程序开发1——框架主体⽂件
⼩程序开发1——框架主体⽂件
⼀、框架
⼩程序框架将整个系统划分为视图层和逻辑层。
视图层由框架设计标签语⾔WXML和⽤于描述WXML组件样式的WXSS组成，类似于HTML和CSS的关系；逻辑层框架由JavaScript编写。接近HTML+CSS+JavaScript的前端开发模式。
⼀个页⾯由app.wxml、app.wxss、app.js、和app.json的⽂件组成，分别控制页⾯的结构、样式、逻辑和配置。其中app.wxml和app.js ⽂件是必须的。
⼆、框架主体⽂件
1.配置⽂件（app.json）
app.json为⼩程序公共配置，配置⼩程序全局变量，在程序加载时加载其配置项有：
pages设置页⾯路径，必填
window设置默认页⾯的窗⼝表现
tabBar设置菜单的表现
networkTimeout设置⽹络超时时间
debug设置是否开启debug模式，默认false
app.json⽂件内容整体结构如下：
{
//页⾯路径配置
"pages":[
"页⾯路径/⽂件名1"，//如"mypages/index/index",⽆需后缀，⾃动保存
"页⾯路径/⽂件名2"
],
/
/默认页⾯窗⼝设置
"window":{},
//底部tab设置
"tabBar":{},
//设置⽹络请求API的超时时间
"networkTimeout":{},
//是否为debug模式
"debug":false
}
（1）window配置
属性意义
navigationBarBackgroundColor导航栏背景颜⾊，值为HexColor（⼗六位颜⾊值），默认为#000000
navigationBarTextStyle导航栏标题颜⾊，仅⽀持black、white，默认值为white
navigationBarTitleText导航栏⽂字内容
selectediconpath什么意思backgroundColor窗⼝背景⾊，值为HexColor（⼗六位颜⾊值），默认为#ffffff
backgroundTextStyle下拉背景字体、loading图的样式，仅⽀持dark、light
enablePullDownRefresh是否开启下拉刷新，默认为false
（2） tabBar配置
属性意义
color tab上⽂字默认颜⾊，值为HexColor，必填
selectedColor tab上⽂字选中时的颜⾊，值为HexColor，必填
backgroundColor tab背景⾊，值为HexColor，必填
borderStyle tabber上边框的颜⾊，仅⽀持block、white
position tab显⽰在顶部top，或底部bottom，默认底部
list：tab的列表，必填，其值为⼀个数组，最少两个最多五个，每⼀项是⼀个对象，以下四项为list的属性pagePath页⾯路径，必须先在pages中定义，必填
text tab上按钮的⽂字，必填
iconPath tab上icon图⽚的相对路径，⼤⼩限制为40KB，必填
selectIconPath选中时icon图⽚的相对路径，⼤⼩限制为40KB，必填
⽰例代码块：
"tabBar":{
"color":"#000000",
"selectedColor":"#FFB6C1",
"backgroundColor":"#FFFFFF",
"borderStyle":"black",
"list":[
{
"iconPath":"图⽚路径.png",
"selectedIconPath":"图⽚路径.png",
"pagePath":"pages/index/index",
"text":"⾸页"
},
{
"iconPath":"图⽚路径.png",
"selectedIconPath":"图⽚路径.png",
"pagePath":"pages/index/index",
"text":"搜索"
},
{
"iconPath":"图⽚路径.png",
"selectedIconPath":"图⽚路径.png",
"pagePath":"pages/index/index",
"text":"列表"
}
],
"position":"bottom"
}
（3）networkTimeout配置
属性意义
request设置⼩程序连接超时时间，单位毫秒
connectSocket设置wx.connectSocket超时时间，单位毫秒
uploadFile设置wx.uploadFile超时时间，单位毫秒
downloadFile设置wx.downloadFile超时时间，单位毫秒

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