微信小程序笔记 - 框架

目录结构:包含一个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 : 

数据绑定 {{ message}}

列表渲染 {{item}}

条件渲染 


------------------------ ------------------------------------------------

视图层

你可能感兴趣的:(微信小程序笔记 - 框架)