效果展示:
說(shuō)明:
該組件從API version 4開始支持。后續(xù)版本如有新增內(nèi)容,則采用上角標(biāo)單獨(dú)標(biāo)記該內(nèi)容的起始版本。
氣泡指示。在點(diǎn)擊綁定的控件后會(huì)彈出相應(yīng)的氣泡提示來(lái)引導(dǎo)用戶進(jìn)行操作。
屬性:
事件:
方法:
說(shuō)明:
1.popup氣泡彈窗屬性、樣式均不支持動(dòng)態(tài)更新。
2.popup氣泡彈窗的margin樣式是相對(duì)于target元素進(jìn)行生效的,如popup在target元素下方,此時(shí)只生效margin-top樣式,popup在target元素左上方,此時(shí)只生效margin-bottom和margin-right樣式。
3.popup的border四邊樣式需一致,若四邊設(shè)置不一致且圓角為零,則按左、上、右、下的順序取第一個(gè)被設(shè)置的樣式,否則border不生效。
4.popup的target組件的click事件不生效。
代碼示例:
Click to show the pop-upText content of the pop-upClick to show the pop-up
/* xxx.css */
.container {
flex-direction: column;
align-items: center;
padding-top: 200px;
}
.popup {
mask-color: gray;
}
.text {
color: white;
}
.button {
width: 220px;
height: 70px;
margin-top: 50px;
}
// xxx.js
import prompt from '@system.prompt'
export default {
visibilitychange(e) {
prompt.showToast({
message: 'visibility change visibility: ' + e.visibility,
duration: 3000,
});
},
showpopup() {
this.$element("popup").show();
},
hidepopup() {
this.$element("popup").hide();
},
}
審核編輯:符乾江
-
Popup
+關(guān)注
關(guān)注
0文章
5瀏覽量
1324 -
HarmonyOS
+關(guān)注
關(guān)注
79文章
1973瀏覽量
30143
發(fā)布評(píng)論請(qǐng)先 登錄
相關(guān)推薦
評(píng)論