手把手教你开发微信应用号第三弹

分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友 微信微信
查看查看294 回复回复2 收藏收藏 分享淘帖 转播转播 分享分享 微信
查看: 294|回复: 2
收起左侧

手把手教你开发微信应用号第三弹

[复制链接]
瑶池 发表于 2016-9-24 22:26:05 | 显示全部楼层 |阅读模式
快来登录
获取优质的苹果资讯内容
收藏热门的iOS等技术干货
拷贝下载Swift Demo源代码
订阅梳理好了的知识点专辑
本帖最后由 瑶池 于 2016-10-21 06:36 编辑

感谢朋友们的支持!这两天收到了很多支持和安慰,也认识了很多志同道合的朋友。目前微信公布的工具和代码都不是正式版,随时有可能调整,大家先体验和学习为主吧。

手把手教你开发微信应用号第三弹 1

手把手教你开发微信应用号第三弹 - 敏捷大拇指 - 手把手教你开发微信应用号第三弹 1


觉得有价值的话就转发吧,不辜负我整理的累……

欢迎大家加入 微信应用号QQ群 群号:321518204


同时,欢迎订阅我在敏捷大拇指Swifthumb.com)上的淘帖专辑《微信应用号小程序H5




相关内容

微信:这次我们邀请你来做一个“小程序”,就是应用号了

微信正式推出应用号“小程序”,你关心的问题都在这里

微信小程序设计规范抢先看!

第一弹!全球首个微信应用号开发教程!通宵吐血赶稿,每日更新!

第二弹!手把手教你开发微信应用号第二弹

第三弹!手把手教你开发微信应用号第三弹

第四弹!全球首个微信小程序(应用号)开发教程!通宵吐血赶稿,每日更新!

第五弹!全球首个微信小程序(应用号)开发教程!通宵吐血赶稿,每日更新!

第六弹!全球首个微信小程序(应用号)开发教程!通宵吐血赶稿,每日更新!

番外篇!全球首个微信应用号开发教程!小程序DEMO视频奉上




1、微信小程序名片夹详情页开发

今天加了新干货!除了开发日志本身,还回答了一些朋友的问题。

闲话不多说,先看下「名片盒」详情页的效果图:

手把手教你开发微信应用号第三弹 2

手把手教你开发微信应用号第三弹 - 敏捷大拇指 - 手把手教你开发微信应用号第三弹 2


手把手教你开发微信应用号第三弹 3

手把手教你开发微信应用号第三弹 - 敏捷大拇指 - 手把手教你开发微信应用号第三弹 3


备注下大致需求:顶部背后是轮播图,二维码按钮弹出模态框信息、点击微信栏、点击存入手机,地址栏需要地图展示,名片分享也是模态框指引。

首先是轮播图,autoplay 自动播放,interval 轮播的时间,duration 切换速度,可以根据自己需求去添加。

  • Delete:是删除按钮,加载进来是隐藏的,需用户点轮播图进去后,轮播图全屏显示才出来。
  • noClickImg 与 ClickImg:切换全屏与非全屏轮播图,绑定了点击事件 changeClick 来切换,只是改变样式即可。
  • Block:图片列表。
  • Number_img:当前轮播 index(currentNumber),与图片 length 集合(cardnum)。


其中 currentNumber:

手把手教你开发微信应用号第三弹 4