目录结构:包含一个app和多个page。一个框架程序主体包含三个文件,必须放在项目根目录:app.js(逻辑), app.json(配置), app.wxss(公共样式表);一个page由四个文件组成:js(逻辑),json(配置),wxml(结构),wxss(样式)。四个文件必须具有相同的路径和文件名。
------------------------ ------------------------------------------------
配置:pages, Array,页面路径;window,Object,默认页面的窗口表现; tabBar,Object,底部tab的表现;networkTimeout,Object,网络超时时间;debug,Boolean,是否开启debug模式。
window设置项:navigationBarBackgroundColor 导航栏背景颜色;navigationBarTextStyle 导航栏标题颜色;navigationBarTitleText 导航栏标题文字内容; backgroundColor 窗口背景色;backgroundTextStyle 下拉背景字体;enablePullDownRefresh 是否开启下拉刷新。
tabBar设置项:color 文字默认颜色;selectedColor 文字选中时的颜色;backgroundColor 背景色;borderStyle 边框颜色;list tab列表(pagePath,text,iconPath,selectedIconPath)
page中的配置选项只包含app.json中的window设置项。
------------------------ ------------------------------------------------
逻辑层: 1、由WXML、WXSS来编写,由组件来显示;将逻辑层的数据反应成试图,同时将事件发送给逻辑层;WXML描述结构,WXSS描述样式;Component是试图的基本组成单元。
WXML :
数据绑定 <view>{{ message}}</view>;
列表渲染 <view wx:for="{{array}}">{{item}}</view>
条件渲染
------------------------ ------------------------------------------------
视图层