摘要:微信小程序計(jì)算器版本無的測試號登錄,先在中更改路徑,以及修改頭部信息。首先一個(gè)輸入框字段用功能可以退格,清屏,正負(fù)號,正常操作加減乘除以及計(jì)算歷史。每個(gè)按鈕的數(shù)據(jù)綁定,輸入框的值,如果時(shí),設(shè)置輸入框的值。
無APPID的測試號登錄,先在app.json中更改路徑,以及修改頭部信息。
首先一個(gè)輸入框字段用{{screenData}}
功能可以退格,清屏,正負(fù)號,正常操作加減乘除以及計(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)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/974.html
摘要:下面就用我自己的一個(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è)簡易計(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è)簡易計(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è)簡易計(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...
閱讀 736·2023-04-25 19:43
閱讀 3981·2021-11-30 14:52
閱讀 3807·2021-11-30 14:52
閱讀 3871·2021-11-29 11:00
閱讀 3802·2021-11-29 11:00
閱讀 3904·2021-11-29 11:00
閱讀 3580·2021-11-29 11:00
閱讀 6184·2021-11-29 11:00