Chinaunix首页 | 论坛 | 博客
  • 博客访问: 124864
  • 博文数量: 158
  • 博客积分: 0
  • 博客等级: 民兵
  • 技术积分: 906
  • 用 户 组: 普通用户
  • 注册时间: 2016-10-10 11:17
  • 认证徽章:
文章分类

全部博文(158)

文章存档

2018年(74)

2017年(84)

我的朋友

分类: 其他平台

2017-12-19 17:20:45

官方开发文档:https://mp.weixin.qq.com/debug/wxadoc/introduction/index.html?t=20171013


这几天初步了解一下微信小程序开发的一些基础。下面做些介绍。



第一步,建立一个新的小程序。



第二步,新建一个页面文件夹以及其下的所需文件


第三步,新建一个大文件夹用于放置图片,我在里面放了一张背景图


第四步,编写wxml文件和Js文件,点击编译后的效果如图


第五步,配置一下wxss文件为文本添加样式



第六步,添加两个新的页面文件page1和page2,并将mainPage放在最上方作为主页面



第七步,在page1中添加一个简单列表的展示



第八步,在page2中添加一个相片选取按钮和照片展示,需要注意修改绑定数据要通过this.SetData函数进行操作,才会刷新页面


  


第九步,在app.Json中加入底端菜单导航配置,点击编译,效果如下图

主页面


分页1


分页2选取照片前


分页2选取照片后

阅读(157) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~
评论热议
请登录后评论。

登录 注册