微信小程序（应用号）零基础视频课程之加法计算器应用

最新推荐文章于 2024-04-13 20:41:51 发布

转载最新推荐文章于 2024-04-13 20:41:51 发布 · 81 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/huangxiujie/blog/754193

2019独角兽企业重金招聘Python工程师标准>>>

本课程的源码请移步文章末尾

输入图片说明

核心代码： 1.plus.wxml

<view>
    <input placeholder="a" bindinput="getA"></input>
    <label>+</label>
    <input placeholder="b" bindinput="getB"></input>
    <text>=</text>
    <text>{{result}}</text>
    <button type="primary" bindtap="plus">运算</button>
</view>

2.plus.js

var a
var b
Page({
    data:{
        result:''
    },
    plus:function(){
        // 转int，不然成了字符串拼接
        var c = parseInt(a) + parseInt(b)
        this.setData({
            result : c
        });
    },
    // 监听input值改变事件
    getA: function(e) {
        a = e.detail.value
    },
    getB: function(e) {
        b = e.detail.value
    }
})

3.应用配置，注册plus页面

{
  "pages":[
    "pages/plus/plus",
    "pages/index/index",
    "pages/logs/logs"
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "WeChat",
    "navigationBarTextStyle":"black"
  }
}

源码下载：扫描下方二维码->回复1001

在线视频：扫描下方二维码->回复2001

视频下载：https://pan.baidu.com/s/1b2Rjm2 提取码：kn2n

对小程序开发有趣的朋友可以加QQ群: 581513218，微信: small_application，陆续还将推出更多作品。

公众号：huangxiujie85

公众号