微信小程序-婚礼邀请函页面

微信小程序-婚礼邀请函页面

• • • （1）pages文件中的文件创建：
    • • 1.在app.json中进行创建文件，保存即可在pages中生成文件；
    • （2）完成下导航：
    • • 1.在app.json中新增tabBar方法，并t在abBar中的list中分别写入pagePath（文件路径）、text（导航标题）、iconPath（未选中时图标）、selectedIconPath（选中时图标）；
    • （3）index.wxml页面设计：
    • • 1.显示歌曲播放暂停的小图标
      • 2.背景图片
      • 3.顶部图片区域
      • 4.标题
      • 5.新郎和新娘合照
      • 6.新郎和新娘的名字
      • 7.婚礼信息
    • （4）index.js的设置：
    • （5）index.wxss样式设置：
    • （6）重难点分析：
    • • 1.三目运算法和绑定事件：
      • 2.data：定义一些变脸的值：
      • 3.绑定事件：
    • （7）总体页面图：
    • （8）获取源码：

（1）pages文件中的文件创建：

1.在app.json中进行创建文件，保存即可在pages中生成文件；

i.app.json文件中的代码：

 "pages":[
    "pages/index/index",
    "pages/picture/picture",
    "pages/video/video",
    "pages/map/map",
    "pages/guest/guest"
  ],

ii.创建后如下：<