第一章作业

最新推荐文章于 2024-10-03 10:22:11 发布

列车柒号

最新推荐文章于 2024-10-03 10:22:11 发布

阅读量357

点赞数 6

文章标签：微信小程序小程序 javascript

本文链接：https://blog.csdn.net/myl415/article/details/136415481

版权

本文指导如何从GitHub下载微信小程序wxapp-sCalc源码，通过微信开发工具导入并分析其结构与代码，包括app.js和app.json文件，以及如何进行调试和运行。

摘要由CSDN通过智能技术生成

题目：

在浏览器中输入网址“https://github.com/dunizb/wxapp-sCalc”,进入页面后下载小程序简易计算机源码demo，将其解压后使用微信小程序开发工具打开该项目，分析小程序的页面结构及代码，对该小程序进行调试和运行。

操作

进入网址下载安装包

首先，打开浏览器输入该网址 “打开https://github.com/dunizb/wxapp-sCalc”(有的可能难加载需要多刷新几次)，进入该网址

然后点解code，在点击download zip下载相关压缩包然后将文件解压

打开微信小程序开发平台将文件导入进去

项目→导入项目→选择文件wxapp-sCalc-master

进入到导入项目的页面，设置下面参数，最后点击确定

进入导入页面

代码展示：

app.js

//app.js
App({
  onLaunch: function () {
    //调用API从本地缓存中获取数据
    var logs = wx.getStorageSync('logs') || []
    logs.unshift(Date.now())
    wx.setStorageSync('logs', logs)
  },
  getUserInfo:function(cb){
    var that = this;
    if(this.globalData.userInfo){
      typeof cb == "function" && cb(this.globalData.userInfo)
    }else{
      //调用登录接口
      wx.login({
        success: function () {
          wx.getUserInfo({
            success: function (res) {
              that.globalData.userInfo = res.userInfo;
              typeof cb == "function" && cb(that.globalData.userInfo)
            }
          })
        }
      });
    }
  },
  globalData:{
    userInfo:null
  }
})

app.json

{
  "pages":[
    "pages/index/index",
    "pages/calc/calc",
    "pages/history/history",
    "pages/logs/logs"
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#da7c0c",
    "navigationBarTitleText": "简易计算器",
    "navigationBarTextStyle":"white"
  }
}

app.xxss

/**app.wxss**/
.container {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 200rpx 0;
  box-sizing: border-box;
}