分类: 其他平台
2017-11-23 14:46:27
官方开发文档:
这几天初步了解一下微信小程序开发的一些基础。下面做些介绍。
第一步,建立一个新的小程序。
第二步,新建一个页面文件夹以及其下的所需文件
第三步,新建一个大文件夹用于放置图片,我在里面放了一张背景图
第四步,编写wxml文件和Js文件,点击编译后的效果如图
第五步,配置一下wxss文件为文本添加样式
第六步,添加两个新的页面文件page1和page2,并将mainPage放在最上方作为主页面
第七步,在page1中添加一个简单列表的展示
第八步,在page2中添加一个相片选取按钮和照片展示,需要注意修改绑定数据要通过this.SetData函数进行操作,才会刷新页面
第九步,在app.Json中加入底端菜单导航配置,点击编译,效果如下图
主页面
分页1
分页2选取照片前
分页2选取照片后