小程序模板網(wǎng)

微信小程序開發(fā)問答《六十九》radio樣式不能自定義 & 多個input如何方便的獲取

發(fā)布時間:2017-12-29 18:07 所屬欄目:小程序開發(fā)教程

1、小程序的radio樣式不能自定義嗎?2、微信小程序中多個input如何方便的獲取, 檢測驗(yàn)證然后提交?(雙向綁定?)3、摩拜單車小程序微信授權(quán)注冊時可以直接發(fā)送驗(yàn)證碼(由【騰訊科技】發(fā)送)給用戶,是哪個接口?4、 ...

 
 
 
1、小程序的radio樣式不能自定義嗎?
 

如圖,這個勾我想改成實(shí)色的,不需要勾,并且要把綠色換掉,試了下好像不行,把微信提供的公共css都去掉了,class也去掉了都不行。。難道就不能改嗎?

 

:我以前用的時候記得:checked選擇符是沒用的,我是直接用display:none隱藏掉,然后用新標(biāo)簽做的

<radio-group bindchange="radioChange"> 
<label class="ui-radio {{item.checked==true?'active':''}}" wx:for="{{items}}>
                    checked="{{item.checked}}">radio>
                    <text class="text">{{item.name}}text>
                label>
radio-group>
.ui-radio radio,.ui-radio checkbox {
  display: none;
}
.ui-radio .text {
/*設(shè)計(jì)樣式*/
}
.ui-radio.checked .text {
/*設(shè)計(jì)樣式*/
}
Page({
  data: {
    items: [
      {value: 'USA', name: '美國'},
      {value: 'CHN', name: '中國', checked: 'true'},
      {value: 'BRA', name: '巴西'},
      {value: 'JPN', name: '日本'},
      {value: 'ENG', name: '英國'},
      {value: 'FRA', name: '法國'},
    ]
  },
  radioChange: function(e) {
    console.log('radio發(fā)生change事件,攜帶value值為:', e.detail.value)

    var items = this.data.items;
    for (var i = 0, len = items.length; i < len; ++i) {
      items[i].checked = items[i].value == e.detail.value
    }

    this.setData({
      items: items
    });
  }
})

把 radio 元素隱藏, 寬度設(shè)為 0, 切兩張圖片或者 svg,用 label 元素的 background 屬性自定義 radio.

 

2、微信小程序中多個input如何方便的獲取, 檢測驗(yàn)證然后提交?(雙向綁定?)

隨便舉個例子,上面四個表單,做到

提交前進(jìn)行檢測是否為空,是否正確(如18位身份證,11位手機(jī)號等等)

其實(shí)用雙向綁定非常合適,可是似乎小程序中并沒有像vue中的雙向綁定操作。

那么,我打算用,bindBlur事件,針對每個input都綁定這個函數(shù),然后在處理函數(shù)中把value存起來,,提交前,檢測這些值即可。

但是:這樣的話,有多少個input就得些多少個這樣的事件,逐一處理并存儲,未免太不優(yōu)雅。

想問問大家,一般像這樣常見的需求,最佳實(shí)踐是什么,或者說,大家是如何處理的。

答:javascript有原生驗(yàn)證api你可以直接用,沒有框架的時候就用原生,我是這么做的

3、摩拜單車小程序微信授權(quán)注冊時可以直接發(fā)送驗(yàn)證碼(由【騰訊科技】發(fā)送)給用戶,是哪個接口?

發(fā)現(xiàn)摩拜單車微信小程序通過“微信用戶快速登錄”時,會先彈屏“微信手機(jī)號”授權(quán),然后用戶“確認(rèn)授權(quán)”后,彈框“請?zhí)顚懯謾C(jī)短信驗(yàn)證碼”,想問下是怎么實(shí)現(xiàn)的,通過哪個接口?

 

答:手機(jī)號快速填寫及會員卡開卡組件https://mp.weixin.qq.com/debu...非個人開發(fā)者的小程序完成認(rèn)證后即可使用。在新用戶注冊、聯(lián)系方式登記等必要場景下,開發(fā)者均可在頁面上部署手機(jī)號快速填寫組件。

用戶點(diǎn)擊組件,完成彈窗授權(quán)后,即可直接將微信綁定的手機(jī)號填入,絕大部分情況下無需再進(jìn)行短信驗(yàn)證碼校驗(yàn)。若用戶不愿提供微信綁定的手機(jī)號,開發(fā)者需提供手動輸入手機(jī)號功能。
 
4、微信小程序如何清理授權(quán)緩存和授權(quán)信息
 
第一次進(jìn)微信小程序,需要授權(quán)(地理位置和用戶信息),授權(quán)之后,我退出小程序,把小程序刪除之后,再次進(jìn)入小程序,地理位置的授權(quán)就不會出現(xiàn)了 我感覺是緩存問題,我不想用opnesetting接口,能不能在我描述的基礎(chǔ)上給我解答,求大神解答。
 



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