在工程根目录有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字段中的第一条路径会作为整个应用的首页。