摘要:微信小程序計(jì)算器版本無的測(cè)試號(hào)登錄,先在中更改路徑,以及修改頭部信息。首先一個(gè)輸入框字段用功能可以退格,清屏,正負(fù)號(hào),正常操作加減乘除以及計(jì)算歷史。每個(gè)按鈕的數(shù)據(jù)綁定,輸入框的值,如果時(shí),設(shè)置輸入框的值。
無APPID的測(cè)試號(hào)登錄,先在app.json中更改路徑,以及修改頭部信息。
首先一個(gè)輸入框字段用{{screenData}}
功能可以退格,清屏,正負(fù)號(hào),正常操作加減乘除以及計(jì)算歷史。這是計(jì)算器1.0,以后會(huì)優(yōu)化添加更多功能。
每個(gè)按鈕添加點(diǎn)擊事件bintap,給每一個(gè)按鈕添加id,id="{{id1}}"……,在js文件data里面添加這些id字段。
為每個(gè)按鈕添加相應(yīng)的功能,bindtap收到不同的參數(shù)會(huì)進(jìn)行不同的操作。
id=event.target.id=>每個(gè)按鈕的數(shù)據(jù)綁定,
sd=this.data.screenData,輸入框的值,
如果sd=0時(shí),data=0,else{data=sd +id},
this.setData({screenData:data})設(shè)置輸入框的值。
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://m.hztianpu.com/yun/974.html
awesome-github-wechat-weapp 是由OpenDigg整理并維護(hù)的微信小程序開源項(xiàng)目庫(kù)集合。我們會(huì)定期同步上的項(xiàng)目到這里,也歡迎各位 UI組件開發(fā)框架實(shí)用庫(kù)開發(fā)工具服務(wù)端項(xiàng)目實(shí)例Demo UI組件 weui-wxss ★1873 - 同微信原生視覺體驗(yàn)一致的基礎(chǔ)樣式庫(kù)zanui-weapp ★794 - 好用易擴(kuò)展的小程序 UI 庫(kù)wx-charts ★449 - 微信小程...
摘要:下面就用我自己的一個(gè)模塊來講解下。這和點(diǎn)擊事件是一個(gè)道理的,你必須給你的每項(xiàng)數(shù)據(jù)綁定一個(gè),用語句,將數(shù)組遍歷一遍,將每個(gè)數(shù)據(jù)的拿出來看看,看下你點(diǎn)的這個(gè)數(shù)據(jù)的,與數(shù)組中哪個(gè)相符合。 前言 最近10幾天都在學(xué)習(xí)小程序的開發(fā),遇到了一些問題和筆記有趣的東西,今天總結(jié)了一下,和大家分享 1.小程序中的template模塊使用 在一個(gè)月黑風(fēng)高的夜晚,我突然發(fā)現(xiàn)一個(gè)很有意思的東西,那就是temp...
摘要:源碼分析這個(gè)簡(jiǎn)易計(jì)算器界面布局依然延續(xù)祖制,采用布局,貌似微信官方也是這么推薦的官方文檔中就是使用。本計(jì)算器存在不完善和,因?yàn)橹攸c(diǎn)不是實(shí)現(xiàn)全部功能,而是搞清楚微信小程序開發(fā)方法,所以非關(guān)注點(diǎn)不用在意。 寫在前面,但是重點(diǎn)在后面 這是教程,也不是教程。 可以先看Demo的操作動(dòng)圖,看看是個(gè)什么玩意兒,GitHub地址(https://github.com/dunizb/wxapp-sCa...
摘要:源碼分析這個(gè)簡(jiǎn)易計(jì)算器界面布局依然延續(xù)祖制,采用布局,貌似微信官方也是這么推薦的官方文檔中就是使用。本計(jì)算器存在不完善和,因?yàn)橹攸c(diǎn)不是實(shí)現(xiàn)全部功能,而是搞清楚微信小程序開發(fā)方法,所以非關(guān)注點(diǎn)不用在意。 寫在前面,但是重點(diǎn)在后面 這是教程,也不是教程。 可以先看Demo的操作動(dòng)圖,看看是個(gè)什么玩意兒,GitHub地址(https://github.com/dunizb/wxapp-sCa...
摘要:源碼分析這個(gè)簡(jiǎn)易計(jì)算器界面布局依然延續(xù)祖制,采用布局,貌似微信官方也是這么推薦的官方文檔中就是使用。本計(jì)算器存在不完善和,因?yàn)橹攸c(diǎn)不是實(shí)現(xiàn)全部功能,而是搞清楚微信小程序開發(fā)方法,所以非關(guān)注點(diǎn)不用在意。 寫在前面,但是重點(diǎn)在后面 這是教程,也不是教程。 可以先看Demo的操作動(dòng)圖,看看是個(gè)什么玩意兒,GitHub地址(https://github.com/dunizb/wxapp-sCa...
閱讀 847·2023-04-25 19:43
閱讀 4116·2021-11-30 14:52
閱讀 3930·2021-11-30 14:52
閱讀 4027·2021-11-29 11:00
閱讀 3922·2021-11-29 11:00
閱讀 4039·2021-11-29 11:00
閱讀 3770·2021-11-29 11:00
閱讀 6608·2021-11-29 11:00