当前位置:   article > 正文

第一章作业_微信小程序开发一个计算器

微信小程序开发一个计算器

1、首先在浏览器中输入"GitHub - dunizb/wxapp-sCalc: :speech_balloon:微信小程序版简易计算器demo,适合入门练手"网址,输入完成后会进入到以下这个界面:

2、点击旁边绿色的按键

3、点击之后会有以下几个选项:

点击最后一行的Download ZIP,下载一个文件

然后解压一下这个文件,解压完成后进入微信开发者工具,

点击左侧选项栏中的小程序,然后点击导入按钮,

选择刚才解压完成的文件夹即可,代码如下:

  1. ​​​​//index.js
  2. //获取应用实例
  3. var app = getApp()
  4. Page({
  5. data: {
  6. motto: '简易计算器☞',
  7. userInfo: {},
  8. defaultSize: 'default',
  9. disabled: false,
  10. iconType:'info_circle'
  11. },
  12. //事件处理函数
  13. bindViewTap: function() {
  14. wx.navigateTo({
  15. url: '../logs/logs'
  16. })
  17. },
  18. toCalc:function(){
  19. wx.navigateTo({
  20. url:'../calc/calc'
  21. })
  22. },
  23. onLoad: function () {
  24. console.log('onLoad');
  25. var that = this
  26. //调用应用实例的方法获取全局数据
  27. app.getUserInfo(function(userInfo){
  28. //更新数据
  29. that.setData({
  30. userInfo:userInfo
  31. })
  32. })
  33. }
  34. })

结果如下:

最后祝大家生活愉快!!!

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小惠珠哦/article/detail/928469
推荐阅读
相关标签
  

闽ICP备14008679号