微信小程序（应用号）零基础视频课程之加法计算器应用_H5之家 - 中国HTML5教程资源分享第一站

小程序教程

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

字号+ 作者：来源： 2016-11-23 09:49 我要评论( )

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

核心代码： 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"
}
}

复制代码

视频教程：
链接: https://pan.baidu.com/s/1i5qJuwH
密码:

游客，如果您要查看本帖隐藏内容请回复

　

1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，请转载时务必注明文章作者和来源，不尊重原创的行为我们将追究责任；3.作者投稿可能会经我们编辑修改或补充。

相关文章

微信小程序轮播图 swiper图片组件

2016-11-23 09:49
微信小程序开发微信开发者工具快捷键

2016-11-23 09:49
微信小程序页面跳转传递参数

2016-11-23 09:49
微信小程序如何获取时间

2016-11-23 09:49

网友点评

精彩导读

2-HelloWorld微信小程序

微信小程序轮播图 swiper图片组件

微信小程序开发记账应用实战服务端之用户注册

微信小程序倒计时组件

微信小程序实现购物车页面

热门资讯

关注我们

关注微信公众号，了解最新精彩内容

p