小程序模板網(wǎng)

問(wèn)答《四十五》微信小程序菜單內(nèi)容左右聯(lián)動(dòng)、通過(guò)代碼觸發(fā)form的reset…… .

發(fā)布時(shí)間:2018-04-20 11:30 所屬欄目:小程序開發(fā)教程
 
問(wèn):微信小程序菜單內(nèi)容左右聯(lián)動(dòng)

如圖所以,左側(cè)是菜單欄,右側(cè)是主體內(nèi)容,點(diǎn)擊左側(cè)菜單,右側(cè)滑動(dòng)到相應(yīng)的位置;右側(cè)滑動(dòng)過(guò)程,也會(huì)改變左側(cè)菜單的選中狀態(tài)。本人的實(shí)現(xiàn)方案:

  • 所有元素大小單位用rpx;

  • 通過(guò)scrollbind(e) 的 e.detail.scrollHeight獲取右側(cè)滑動(dòng)區(qū)域的總高度(單位px)

  • 通過(guò)物品高度和標(biāo)題高度的比值,計(jì)算出各自的實(shí)際高度(單位px)

  • 通過(guò)修改scrollTop(單位px)改變主體內(nèi)容位置

這樣還是存在1px-100px的誤差,物品越多,后面的累計(jì)誤差會(huì)越大,有沒(méi)有更好的解決辦法呢?

rain回答:值應(yīng)為某子元素id(id不能以數(shù)字開頭)。設(shè)置哪個(gè)方向可滾動(dòng),則在哪個(gè)方向滾動(dòng)到該元素

caiyongji回答:盡量用weui,微信官方的UI,地址:weiui.io

 

 

問(wèn):微信小程序如何通過(guò)代碼觸發(fā)form的reset?

不是觸發(fā)reset事件,而是用代碼模仿點(diǎn)擊reset按鈕,因?yàn)辄c(diǎn)擊reset按鈕后,除了觸發(fā)了reset事件之外,還做了一些默認(rèn)的操作,比如把各個(gè)input的值清空了?,F(xiàn)在我是否能不通過(guò)點(diǎn)擊reset按鈕,而在代碼里清空這些input的值呢(不用數(shù)據(jù)綁定界面的方法)?

playboy123回答:當(dāng)點(diǎn)擊按鈕的時(shí)候走一個(gè)方法,在這個(gè)方法里面做附空值處理。

 

問(wèn):微信小程序如何把數(shù)據(jù)上傳到服務(wù)器?

就是用戶的基本信息 比如 名字 年齡 性別之類的,該如何存儲(chǔ),又該如何上傳到服務(wù)器呢?
 
Rowin回答:小程序要先鏈連接服務(wù)器,服務(wù)器連接數(shù)據(jù)庫(kù)
 
 
問(wèn):微信小程序透明度 opacity

wxml文件中 :style="opacity:{{number}}"   

number代表透明度的值 取值范圍0—1  1代表不透明 0代表全透明 

具體應(yīng)用中可在js文件中寫個(gè)方法對(duì)number根據(jù)用戶動(dòng)作進(jìn)行動(dòng)態(tài)設(shè)置



易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開源 碼云倉(cāng)庫(kù):starfork
本文地址:http://22321a.com/wxmini/doc/course/23799.html 復(fù)制鏈接 如需定制請(qǐng)聯(lián)系易優(yōu)客服咨詢:800182392 點(diǎn)擊咨詢
QQ在線咨詢