用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,登录网站

小程序社区 首页 教程 实战教程 查看内容

微信小程序demo1计算器

Rolan 2017-6-2 00:43

一微信小程序开发工具界面二 目录结构第一次进到页面它的目录结构如下:三 需要注意的问题(1)添加的新页面文件,都需要在app.json中进行配置,否则页面报错。(2)工作原理 通过在view/view中添加事件bindtap="btnClic ...

一 微信小程序开发工具界面

二 目录结构

第一次进到页面它的目录结构如下:

三 需要注意的问题

(1)添加的新页面文件,都需要在app.json中进行配置,否则页面报错。

(2)工作原理  通过在<view></view>中添加事件 bindtap="btnClick" id="{{n9}}"   相当于click事件。

在js代码中,可以通过this.data.n9获取数据,这些数据的定义都是在js中

通过在<view id="{{btn_a}}"><view>填写id,在具体的函数中,event.target.id去判断id是多少,进行区分。就可以实现,不同标签的点击,然后进行业务逻辑。如果需要访问数据,则是通过this.data.xx。

计算器的wxml页面

[html] view plain copy
  1. <view class="content">  
  2.   <view class="xianshi">{{screenNum}}</view>  
  3.   <view class="anniu">  
  4.     <view class="item blue" bindtap="btnClick" id="{{n9}}">9</view>  
  5.     <view class="item blue" bindtap="btnClick" id="{{n8}}">8</view>  
  6.     <view class="item blue" bindtap="btnClick" id="{{n7}}">7</view>  
  7.     <view class="item blue" bindtap="btnClick" id="{{na}}">+</view>  
  8.   </view>  
  9.    <view class="anniu">  
  10.     <view class="item blue" bindtap="btnClick" id="{{n6}}">6</view>  
  11.     <view class="item blue" bindtap="btnClick" id="{{n5}}">5</view>  
  12.     <view class="item blue" bindtap="btnClick" id="{{n4}}">4</view>  
  13.     
鲜花
鲜花
鸡蛋
鸡蛋
分享至 : QQ空间
收藏
原作者: dyfc3sfd3s

相关阅读