一、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