鸿蒙应用开发dialog与badge体验

一、Dialog

效果

点击“click here”

代码，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

效果

代码，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>

三、完整代码地址

https://gitee.com/jltfcloudcn/jump_to/tree/master/Js-dialog

https://gitee.com/jltfcloudcn/jump_to/tree/master/Js-badge