公司舉辦(ban)了一個小程(cheng)序的編(bian)程(cheng)大賽,再加上(shang)我一直在研究(jiu)這個,就試著做(zuo)了一個小程(cheng)序poc,因(yin)為時間(jian)比較(jiao)緊迫,所以很多東西做(zuo)的不(bu)是太全面。 主(zhu)題(ti)就是一個客(ke)服咨詢類的,主(zhu)要使(shi)用的技術就是socket,效(xiao)果如(ru)下圖PS:前臺(tai)后 ...
公司舉辦了一個小程序的編程大賽,再加上我一直在研究這個,就試著做了一個小程序poc,因為時間比較緊迫,所以很多東西做的不是太全面。
主題就是一個客服咨詢類的,主要使用的技術就是socket,效果如下圖PS:前臺后臺UI都是我自己弄得,而且時間比較緊,所以不要吐槽UI。。。。

PS:因為手頭只有小米4,所以所有問題都在小米4壞境下
1.因為(wei)我的(de)后臺用(yong)的(de)是Hreoku,被封了,所以(yi)不得不使(shi)用(yong)本地(di)預覽,在真機調試模式可以(yi)使(shi)用(yong)本地(di)192.168.0.1之類的(de)預覽
2.textare bug,關于textare的bug還真不少
1)首先是父元素hidden,但是textare隱藏但是val不隱藏,解決辦法是在textare上添加同樣的hidden條件
2)我想添加個自動高度,使用了官方的autoheight屬性與style自定義并且綁定bindlinechange然后用data算,結果都不理想,autoheight屬性在真機上會出現吞字現象,第二個方法會出現變動高度后字體不顯示bug。。。
PS:最后通過官方文檔發現(xian)textare組(zu)件是手機原生組(zu)件,所以很多設置和其他組(zu)件不(bu)同,所以,童鞋們請慎用(yong)。。。。
3.表單提交重置(zhi)問題,通過(guo)本論壇一個帖(tie)子找(zhao)到(dao)答案(an),附上代碼(ma)
<form><button formType="reset"></button></form>--components--libraries--pages--app.js--app.json--app.wxss--config.js
項目下載:
20170120(微信小程序客服咨詢后臺).rar
20170120(微信小程序客服咨詢前臺).rar