小程序支付还会用到小程序 .. 所以我们需要再去准备一个小程序项目 .. 可以去创建一个全新的小程序项目 .. 或者也可以使用我们之前在小程序课程里创建的项目 ..

有 github 网站上， ninghao-weixin 是我们之前用过的一个小程序项目 .. 你可以把它克隆到本地电脑上 .. 然后再去创建一个新的分支，在上面去实现一个小程序支付功能 ..

这个项目已经在我的桌面上了 .. 进入到这个目录的下面 .. 可以再去创建一个新的分支 .. 先看一下在项目上做的提交 ..

这里我打算基于 小程序的标签配置 这次提交去创建一个新的分支 .. 复制一下这个提交的 id 号 ..

回到命令行 .. 再执行一下 .. git checkout -b wxpay-wxa 后面加上提交的 id 号 ..

完成以后，打开微信开发者工具 .. 打开我的这个小程序项目 ..

其本上你看到的就是一个空白的小程序项目 .. 里面添加了两个标签 .. 一个首页 .. 一个活动页面 ..

回到编辑器 .. 再打开一个目录 .. 找到小程序项目所在的目录 ..

然后打开它的 app.json 这个配置文件 .. 可以把这个活动页面设置成应用的首页 ..

再找到这个页面的视图 .. 简单再修改一下 .. 一个 view .. 先是一个人民币符号.. 然后一组 text 标签 .. 包装一个订单价格 .. 在这个 text 组件上可以再添加点自定义的样式 .. 把 font-size 设置成 40px ..

下面又是一组 view .. 里面包装一个 button 组件 .. 类型的 type 是 primary ... 按钮上的文字是 确认支付 ..

后面我们会在这个页面上去实现一个小程序支付的功能 ...