在工程根目录有2个文件。分别是:main.js、app.ui。文件的作用是:
main.js:用于初始化整个工程,并且设置哪些dialog可以预加载等;
app.ui:移动应用的主框架,用来搭建最外层的UI,例如通用导航栏、tab-bar组件、侧滑菜单、公用的搜索内容等都在这里,一般不需要改动;
app.ui中除了组件标签,还有js和less部分。
less有两个作用,一是设置主框架的样式,二是放置整个工程公用的样式,因为在这个文件中设置的样式对所有文件都生效;
js也有两个作用,一是用于处理主框架的界面逻辑。此外,在js中有一项config配置,这是更改最频繁的地方,是对当前工程的全局配置,包括了所有页面路径、主题色、界面表现、底部tabBar等,详见文档的“框架 >> 配置 >> app配置”;
基础工程里app.ui配置如下:
"pages": [
"pages/index",
"pages/detail"
],
"theme": {
"theme-color": "#3399ff"
},
"window": {
"navigationBarBackgroundColor": "#fff",
"navigationBarTextColor": "#666",
"navigationBarBorderColor":"rgba(231, 231, 231, 0.6)",
"backgroundColor":"#F4F4F4"
},
"tabBar": {
"color": "#7a7e83",
"selectedColor": "#39f",
"borderColor": "rgba(231, 231, 231, 0.6)",
"backgroundColor": "#fff",
"list": [
{
"pagePath": "pages/index",
"iconName": "home",
"text": "首页"
},
{
"pagePath": "pages/user",
"iconName": "user",
"text": "我的"
}
]
}
其中,pages字段是用于配置页面路由,每增加一个页面都要在这里添加一条记录,否则应用程序会找不到该页面;
如果是使用插件创建WeTouch页面,会自动在这里添加创建的页面路径;
pages字段中的第一条路径会作为整个应用的首页。