WeTouch 开发文档

WeTouch 开发文档

根目录文件

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