小程序简易教程

时间：2022-02-12 00:08:50

起步

  • 进入微信公众平台注册小程序
  • 注册成功后在设置中找到appId（该appId相当于小程序的身份证）
  • 下载开发者工具

代码构成

  • .json 后缀的JSON配置文件
  • .wxml后缀的wxml模板文件
  • .wxss后缀的wxss样式文件
  • .js后缀的js脚本逻辑文件

1、JSON 配置

{
  "pages":[
    "pages/index/index",
    "pages/logs/logs"
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "WeChat",
    "navigationBarTextStyle":"black"
  }
}
  • pages 用于描述当前小程序所有页面路径，在 pages 字段的第一个页面就是这个小程序的首页(打开小程序看到的第一个页面)
  • indow字段 —— 小程序所有页面的顶部背景颜色，文字颜色

2、wxss样式

  • 新增了尺寸单位 rpx
  • 提供全局样式（app.wxss）和局部样式（page.wxss）
  • 仅支持部分css选择器

小程序能力

发布前的准备

  • 开发版本
  • 审核中版本
  • 线上版本

上线

标签：

相关文章