异常提示

效果

子组件

无

参数

options

异常里面的提示文字 图标等等

 @State options: PromptOptions = {
        icon: $r('sys.media.ohos_ic_public_fail'),
        tip: '异常提示',
        marginType: MarginType.DEFAULT_MARGIN,
        actionText: '设置网络',
        marginTop: 10,
        isShown: true,
    }

onTipClick

点击了左边

onActionTextClick

点击了右边

示例

import { ExceptionPrompt, MarginType, PromptOptions } from '@kit.ArkUI';

@Entry
@Component
struct Index2 {
    @State options: PromptOptions = {
        icon: $r('sys.media.ohos_ic_public_fail'),
        tip: '异常提示',
        marginType: MarginType.DEFAULT_MARGIN,
        actionText: '设置网络',
        marginTop: 10,
        isShown: true,
    }

    build() {
        Column({ space: 100 }) {
            Row() {
                ExceptionPrompt({
                    options: this.options,
                    onTipClick: () => {
                        // 单击左侧的文本切换到连接状态
                        console.info("点击了文本")
                    },
                    onActionTextClick: () => {
                        // 点击“设置网络”按钮，打开设置网络弹窗界面
                        console.info("点击了设置网络")
                    },
                })
            }

            Row() {
                Button("隐藏开启")
                    .type(ButtonType.Normal)
                    .onClick(() => {
                        this.options.isShown = !this.options.isShown
                    })
            }
        }
    }
}