邀请函实现步骤
主体页面以及导航栏样式布置
路径 | 说明 |
---|---|
app.js | 应用程序的逻辑文件 |
app.json | 应用程序的配置文件 |
app.wsxx | 定义公共样式 |
pages/index/ | “邀请函”页面文件保存目录 |
pages/picture | 照片”页面文件保存目录 |
一、项目初始化
在微信小程序中创建项目后,在app.json文件中编写代码。首先定义本项目的代码路径,定义完路径后便可以编写样式代码
1、导航栏及标签部分代码
下面展示一些 代码部分`。
"window":{
"backgroundTextStyle":"light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "邀请函",
"navigationBarTextStyle":"black"
},
"tabBar": {
"color": "#ccc",
"selectedColor": "#ff4c91",
"borderStyle": "white",
"backgroundColor": "#fff",
"list": [
{
"pagePath": "pages/index/index",
"iconPath": "images/invite.png"