微信小程序开发基础知识

最新推荐文章于 2024-08-25 20:01:46 发布

炽热可待

最新推荐文章于 2024-08-25 20:01:46 发布

阅读量760

点赞数

分类专栏：前端框架

本文链接：https://blog.csdn.net/DL_JY847824/article/details/82427889

版权

本文介绍了微信小程序的基础开发知识，包括全局配置如app.json的页面路径与tabBar设置，window窗口样式，以及在app.js中注册程序和设置生命周期函数。此外，还讲解了数据与方法的存储，如index.js中的data和Page对象，以及如何导入和使用文件。最后，展示了页面生命周期的各种回调函数及其用法。

摘要由CSDN通过智能技术生成

全局配置：
1.1配置所有页面路径：在app.json的{pages：[配置所有页面]}，将首页放置在第一位，在app.json必须写上所有页面的路径，要不然会报错，每个页面的wxss样式文件只在当前文件里有效
1.2设置tabBar导航：
“tabBar”: {
“color”: “#7A7E83”,//字体颜色
“selectedColor”: “#3cc51f”,//选中时候字体的颜色
“borderStyle”: “black”,//tabbar边框的颜色，只有黑和白
“backgroundColor”: “#fff”,//背景颜色
“list”: [//2-5，只能设置2-5个导航
{
“pagePath”: “page/newPage/index”,//导航页面路径，根据路径匹配tarbar导航是否显示
“iconPath”: “image/icon_component.png”,//图标图片的路径
“selectedIconPath”: “image/icon_component_HL.png”,//选中的时候图片的路径
“text”: “首页”//按钮文本
},
{
“pagePath”: “page/component/index”,
“iconPath”: “image/icon_component.png”,
“selectedIconPath”: “image/icon_component_HL.png”,
“text”: “组件”
}
]
}
2.window：窗口样式的配置