本文详细介绍了支付宝小程序的文件结构，包括全局配置如app.json、app.acss、app.js，以及小程序页面的组成：.json配置文件、.axml模板文件、.acss样式文件和.js逻辑脚本文件。通过示例解析了页面生命周期、数据绑定、自定义组件的使用等关键概念。
全局配置
app.json
app.json 是小程序的全局配置，用于配置小程序的页面列表、默认窗口标题、导航栏背景色等。
{
"pages": [
"pages/todos/todos",
"pages/add-todo/add-todo"
],
"window": {
"defaultTitle": "Todo App",
"titleBarColor": "#323239"
}
}
app.acss 定义了全局样式，作用于当前小程序的所有页面。
page {
flex: 1;
display: flex;
background: #323239;
font-family: "pingFang SC" "pingFang";
}
上例中的 page 为框架支持的特殊选择器，会匹配框架提供的页面根节点容器。
app.js
app.js 用于注册小程序应用，可配置小程序的生命周期，声明全局数据，调用丰富的 API，如以下获取用户授权及获取用户信息 API 等。
App({
// 声明全局数据
todos[
{ text: 'Learning Javascript', completed: true },
{ text: 'Learning ES2016', completed: true },
{ 
最低0.47元/天 解锁文章
1564
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
