[文章]

鸿蒙应用开发dialog与badge体验

2021-4-9 15:30:52  164 harmonyos
分享
2
一、dialog
效果
图片1.png
点击“click here”
图片2.png
图片3.png
代码,Js文件中
import prompt from '@system.prompt';

export default {
    showDialog(e) {
        this.$element('simpLEDialog').show()
    },
    cancelDialog(e) {
        prompt.showToast({
            message: '按钮取消了'
        })
    },
    cancelSchedule(e) {
        this.$element('simpledialog').close()
        prompt.showToast({
            message: 'Successfully cancelled'
        })
    },
    setSchedule(e) {
        this.$element('simpledialog').close()
        prompt.showToast({
            message: 'Successfully confirmed'
        })
    }
}
二、Badge
效果
图片4.png
代码,hml文件中
<div class="container">
    <badge class="jltfbadge" config="{{jltfbadgeconfig}}" visible="true" count="100" maxcount="99">
        <text class="jltftext1">huawei</text>
    </badge>
    <badge class="jltfbadge" visible="true" count="0">
        <text class="jltftext2">huawei</text>
    </badge>
</div>
三、完整代码地址

评论

您需要登录后才可以回帖 登录 | 注册

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容图片侵权或者其他问题,请联系本站作侵删。 侵权投诉
发文章
快速回复
扫一扫分享
返回顶部 返回列表