import Message from 'tdesign-miniprogram/message/index';

Component({
  data: {
    visible: false,
  },
  methods: {
    showTextMessage() {
      Message.info({
        context: this,
        offset: [90, 32],
        duration: 5000,
        icon: false,
        // single: false, // 打开注释体验多个消息叠加效果
        content: '这是一条纯文字的消息通知 5s消失',
      });
    },

    showIconMessage() {
      Message.info({
        context: this,
        offset: ['180rpx', '32rpx'],
        duration: 5000,
        content: '这是一条带图标的消息通知 5s消失',
      });
    },

    showCloseMessage() {
      Message.info({
        context: this,
        offset: ['180rpx', 32],
        content: '这是一条带关闭的消息通知',
        duration: -1,
        link: {
          content: '按钮',
          navigatorProps: {
            url: '/page/xxx/xxx',
          },
        },
        closeBtn: true,
      });
    },

    showScrollMessage() {
      Message.info({
        context: this,
        offset: [90, 32],
        marquee: { speed: 50, loop: -1, delay: 5000 },
        icon: false,
        content: '这是一条滚动的通知信息',
        duration: -1,
      });
    },

    showBtnMessage() {
      Message.info({
        context: this,
        offset: [90, 32],
        icon: 'notification-filled',
        content: '这是一条带操作的消息通知',
        duration: -1,
        link: {
          content: '链接',
          navigatorProps: {
            url: '/page/xxx/xxx',
          },
        },
      });
    },
    showSingleMessage() {
      Message.info({
        context: this,
        offset: [90, 32],
        duration: 5000,
        icon: false,
        content: '这是一条纯文字的消息通知且仅显示一条',
        single: true,
      });
    },
    showComponent() {
      this.setData({
        visible: true,
      });
    },
  },
});