知識(shí)
不管是網(wǎng)站,軟件還是小程序,都要直接或間接能為您產(chǎn)生價(jià)值,我們?cè)谧非笃湟曈X(jué)表現(xiàn)的同時(shí),更側(cè)重于功能的便捷,營(yíng)銷的便利,運(yùn)營(yíng)的高效,讓網(wǎng)站成為營(yíng)銷工具,讓軟件能切實(shí)提升企業(yè)內(nèi)部管理水平和效率。優(yōu)秀的程序?yàn)楹笃谏?jí)提供便捷的支持!
您當(dāng)前位置>首頁(yè) » 新聞資訊 » 小程序相關(guān) >
微信小程序開(kāi)發(fā)問(wèn)答《六十九》radio樣式不能自定義 & 多個(gè)input如何方便的獲取提交
發(fā)表時(shí)間:2021-5-11
發(fā)布人:葵宇科技
瀏覽次數(shù):85
如圖,這個(gè)勾我想改成實(shí)色的,不需要勾,并且要把綠色換掉,試了下好像不行,把微信提供的公共css都去掉了,class也去掉了都不行。。難道就不能改嗎?
答:我以前用的時(shí)候記得:checked選擇符是沒(méi)用的,我是直接用display:none隱藏掉,然后用新標(biāo)簽做的
<radio-group bindchange="radioChange">
<label class="ui-radio {{item.checked==true?'active':''}}" wx:for="{{items}}>
{{item.value}} " 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: '美國(guó)'},
{value: 'CHN', name: '中國(guó)', checked: 'true'},
{value: 'BRA', name: '巴西'},
{value: 'JPN', name: '日本'},
{value: 'ENG', name: '英國(guó)'},
{value: 'FRA', name: '法國(guó)'},
]
},
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、微信小程序中多個(gè)input如何方便的獲取, 檢測(cè)驗(yàn)證然后提交?(雙向綁定?)
隨便舉個(gè)例子,上面四個(gè)表單,做到
提交前進(jìn)行檢測(cè)是否為空,是否正確(如18位身份證,11位手機(jī)號(hào)等等)
其實(shí)用雙向綁定非常合適,可是似乎小程序中并沒(méi)有像vue中的雙向綁定操作。
那么,我打算用,bindBlur事件,針對(duì)每個(gè)input都綁定這個(gè)函數(shù),然后在處理函數(shù)中把value存起來(lái),,提交前,檢測(cè)這些值即可。
但是:這樣的話,有多少個(gè)input就得些多少個(gè)這樣的事件,逐一處理并存儲(chǔ),未免太不優(yōu)雅。
想問(wèn)問(wèn)大家,一般像這樣常見(jiàn)的需求,最佳實(shí)踐是什么,或者說(shuō),大家是如何處理的。
答:javascript有原生驗(yàn)證api你可以直接用,沒(méi)有框架的時(shí)候就用原生,我是這么做的
3、摩拜單車小程序微信授權(quán)注冊(cè)時(shí)可以直接發(fā)送驗(yàn)證碼(由【騰訊科技】發(fā)送)給用戶,是哪個(gè)接口?
發(fā)現(xiàn)摩拜單車微信小程序通過(guò)“微信用戶快速登錄”時(shí),會(huì)先彈屏“微信手機(jī)號(hào)”授權(quán),然后用戶“確認(rèn)授權(quán)”后,彈框“請(qǐng)?zhí)顚?xiě)手機(jī)短信驗(yàn)證碼”,想問(wèn)下是怎么實(shí)現(xiàn)的,通過(guò)哪個(gè)接口?
答:手機(jī)號(hào)快速填寫(xiě)及會(huì)員卡開(kāi)卡組件https://mp.weixin.qq.com/debu...非個(gè)人開(kāi)發(fā)者的小程序完成認(rèn)證后即可使用。在新用戶注冊(cè)、聯(lián)系方式登記等必要場(chǎng)景下,開(kāi)發(fā)者均可在頁(yè)面上部署手機(jī)號(hào)快速填寫(xiě)組件。
用戶點(diǎn)擊組件,完成彈窗授權(quán)后,即可直接將微信綁定的手機(jī)號(hào)填入,絕大部分情況下無(wú)需再進(jìn)行短信驗(yàn)證碼校驗(yàn)。若用戶不愿提供微信綁定的手機(jī)號(hào),開(kāi)發(fā)者需提供手動(dòng)輸入手機(jī)號(hào)功能。相關(guān)案例查看更多
相關(guān)閱讀
- 網(wǎng)站建設(shè)列表網(wǎng)
- 昆明網(wǎng)站開(kāi)發(fā)
- 開(kāi)通微信小程序被騙
- 云南省住房建設(shè)廳網(wǎng)站
- 服務(wù)器
- 網(wǎng)站建設(shè)需要多少錢
- 昆明網(wǎng)絡(luò)公司
- 小程序開(kāi)發(fā)排名前十名
- 小程序設(shè)計(jì)
- 云南網(wǎng)站建設(shè)列表網(wǎng)
- 昆明軟件定制公司
- 云南網(wǎng)站建設(shè)公司哪家好
- 網(wǎng)站建設(shè)服務(wù)公司
- 網(wǎng)站建設(shè)服務(wù)
- 網(wǎng)站建設(shè)專家
- 網(wǎng)站收錄
- 云南網(wǎng)站建設(shè)快速優(yōu)化
- 小程序被騙退款成功
- 小程序分銷商城
- 昆明小程序設(shè)計(jì)
- 網(wǎng)站建設(shè)費(fèi)用
- 搜索引擎自然排名
- 商標(biāo)
- 汽車報(bào)廢系統(tǒng)
- 云南小程序開(kāi)發(fā)
- 小程序制作
- 跳轉(zhuǎn)小程序
- 網(wǎng)站搭建
- 網(wǎng)站開(kāi)發(fā)公司哪家好
- 小程序