热门标签 | HotTags
当前位置:  开发笔记 > 小程序 > 正文

小程序开发之计算器

在这篇微信小程序开发教程中,我们将介绍如何使用微信小程序开发计算器功能。本文主要分为两个部分,小程序主体部分及计算器业务页面部分
在这篇微信小程序开发教程中,我们将介绍如何使用微信小程序开发计算器功能。

本文主要分为两个部分,小程序主体部分及计算器业务页面部分

一、小程序主体部分

一个小程序主体部分由三个文件组成,必须放在项目的根目录,如下:

1. 小程序逻辑

App({
  onLaunch: function() { 
    // Do something initial when launch.  },
  onShow: function() {      // Do something when show.  },
  onHide: function() {      // Do something when hide.  },
  globalData: 'I am global data'})

2. 小程序公共设置

{
  "pages": [
    "page/index/index"
  ],
  "window": {
    "navigationBarBackgroundColor": "#000",
    "backgroundColor": "#000",
    "navigationBarBackgroundColor": "#000"
  },
  "networkTimeout": {
    "request": 10000,
    "connectSocket": 10000,
    "uploadFile": 10000,
    "downloadFile": 10000
  },
  "debug": true
}

二、计算器页面部分

计算器页面主要由以下文件组成。

1. 计算器页面结构

页面结构分为2个主要部分:显示区和键盘区

其中键盘区又分功能键、数字键,及运算键,页面结构如下


  
    {{displayValue}}