加入收藏 | 设为首页 | 会员中心 | 我要投稿 广州站长网 (http://www.020zz.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 营销 > 电子商务 > 分析 > 正文

首个微信应用号开发教程告诉你 如何玩转“小程序”

发布时间:2016-12-23 09:34:06 所属栏目:分析 来源:钛媒体
导读:摘要: 想必大家都关心微信新推出的应用号的最终形态到底是什么样子?怎样将一个服务号改造成为小程序? 微信应用号终于来了。 虽然目前还处于内测阶段,微信只邀请了部分企业参与封测。想必大家都关心应用号的最终形态到底是什么样子?怎样将一个服务号改造

  

首个微信应用号开发教程告诉你,如何玩转“小程序”

 

  7. 以上是示例项目首页的“wxml”编码。从图中就可以看出,实现一个页面代码量非常少。

  8. “Wxss”文件是引入的样式文件,你也可以直接在里面写样式,示例中采用的是引入方式:

  

首个微信应用号开发教程告诉你,如何玩转“小程序”
首个微信应用号开发教程告诉你,如何玩转“小程序”

 

  9. 修改代码后刷新一次,可以看到未设背景的“view”标签直接变成了粉色。

  注意:修改“wxml”和“wxss”下的内容后,直接 F5 刷新就能直接看到效果,修改“js”则需点击重启按钮才能看到效果。

  10. 另外,公共样式可以在“app.wxss”里直接引用。

  

首个微信应用号开发教程告诉你,如何玩转“小程序”
首个微信应用号开发教程告诉你,如何玩转“小程序”

 

  11. “Js”文件需要在“app.json”文件的”page”里预先配置好。为了项目结构清晰化,我在示例项目中的index首页同级目录新建其它四个页面文件,具体如下:

  

首个微信应用号开发教程告诉你,如何玩转“小程序”

 

  经过以上步骤,案例中的五个底部菜单就全部配置完毕了。

(编辑:广州站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

推荐文章
    热点阅读