通知组件

小程序开发相关产品技术讨论,包括面板、智能小程序、React Native、Ray跨端框架、Panel SDK、微信小程序、小程序开发工具(IDE)及其他开发技术相关等话题


Post Reply
18559697016
Posts: 71

这种全局,显示在最上层的组件,smart-ui,里面貌似没有
应该用哪个组件来实现

1981730079572_.pic.jpg

Tags:
xuanyi
Posts: 63
Location: 涂鸦玄一

Re: 通知组件

若只需要显示设置故障,可尝试以下方式:

Code: Select all

import { initPanelEnvironment } from '@ray-js/ray';
initPanelEnvironment({useDefaultOffline: true, showFault: true});

若需要提示自定义内容,可以尝试以下方法是不是可以满足需求:

Code: Select all

export interface StatusToastOptions {
  /**
   * 提示内容
   */
  title: string;
  /**
   * 提示类型
   */
  type?: 'success' | 'warning' | 'error';
  /**
   * 左侧图标
   */
  leftIcon?: string;
  /**
   * 右侧图标
   */
  rightIcon?: string;
  /**
   * 是否覆盖界面
   */
  cover?: boolean;
  /**
   * 覆盖颜色
   */
    coverColor?: string;
  /**
   * 持续时间 ms 默认 1500
   */
  duration?: number;
  /**
   * 是否自动关闭
   */
  autoClose?: boolean;
  /**
   * 点击事件
   */
  onclick?: string;
  /**
   * 右侧点击事件
   */
  onRightIconClick?: string;
  /**
   * 提示 ID,用于关闭
   */
  id?: string;
  /**
   * 是否显示更多按钮
   */
  showMore?: boolean;
}

ty.panel.showToast(option: StatusToastOptions);

ty.panel.closeToast(id: string);
Post Reply