Input組件無點擊效果,input點擊事件不能用,input標簽設置不可編輯輸入組件沒有點擊效果。現象描述:當組件的輸入類型為按鈕時,設置圓角邊框半徑屬性后,點擊組件時沒有點擊效果(背景顏色沒有變化)。刪除此屬性將產生點擊效果。代碼如下:模板div class =頁面包裝type = button class = b......
現象描述:
當組件的輸入類型為按鈕時,設置圓角邊框半徑屬性后,點擊組件時沒有點擊效果(背景顏色沒有變化)。刪除此屬性將產生點擊效果。
代碼如下:
模板
div class =頁面包裝
type = button class = button value = animation animation/
/div
/模板
腳本
/腳本
風格
。頁面包裝{
伸縮方向:列;
justifycontent:居中;
對齊項目:居中;
}
。按鈕{
顏色:# 20a0ff
背景色:紅色;
填充:10px 20px
邊框半徑:40px
}
/風格
問題分析:
設置圓角屬性后,引擎底部受限,無法自動實現點擊效果,需要自己實現。
解決方案:
設置圓角屬性后,可以通過快速應用的偽類實現按鈕點擊效果。
修改后的代碼如下(見紅色部分):
模板
div class =頁面包裝
type = button class = button value = animation animation/
/div
/模板
腳本
/腳本
風格
。頁面包裝{
伸縮方向:列;
justifycontent:居中;
對齊項目:居中;
}
。按鈕{
顏色:# 20a0ff
背景色:紅色;
填充:10px 20px
邊框半徑:40px
}
。按鈕:活動{
背景色:綠色;
}
/風格
有關更多詳細信息,請參見:
快速應用程序偽類:
https://developer . Huawei . com/consumer/cn/doc/development/quick appReferences/quick appstyle # h1578402140607
特別聲明:以上文章內容僅代表作者本人觀點,不代表ESG跨境電商觀點或立場。如有關于作品內容、版權或其它問題請于作品發表后的30日內與ESG跨境電商聯系。
二維碼加載中...
使用微信掃一掃登錄
使用賬號密碼登錄
平臺顧問
微信掃一掃
馬上聯系在線顧問
小程序
ESG跨境小程序
手機入駐更便捷
返回頂部