2020-12-30

king

2020-12-30 e003a8ee8843aa60b0b7135f413b2b99857acff9

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
import React, {Component} from 'react'
import { NoticeBar, WhiteSpace, Icon } from 'antd-mobile'
 
import './index.scss'
 
class Noticebar1 extends Component {
  render() {
    return (
      <div>
        <WhiteSpace size="lg" />
        <NoticeBar marqueeProps={{ loop: true, style: { padding: '0 7.5px' } }}>
          Notice: The arrival time of incomes and transfers of Yu &#39;E Bao will be delayed during National Day.
        </NoticeBar>
        <WhiteSpace size="lg" />
        <NoticeBar mode="link" onClick={() => alert('1')}>
          Notice: The arrival time of incomes and transfers of Yu &#39;E Bao will be delayed during National Day.
        </NoticeBar>
        <WhiteSpace size="lg" />
        <NoticeBar mode="closable" icon={null}>Remove the default icon.</NoticeBar>
        <WhiteSpace size="lg" />
        <NoticeBar mode="closable" icon={<Icon type="check-circle-o" size="xxs" />}>
          Customized icon.
        </NoticeBar>
        <WhiteSpace size="lg" />
        <NoticeBar mode="closable" action={<span style={{ color: '#a1a1a1' }}>不再提示</span>}>
          Closable demo for `actionText`.
        </NoticeBar>
        <WhiteSpace size="lg" />
        <NoticeBar mode="link" action={<span>去看看</span>}>
          Link demo for `actionText`.
        </NoticeBar>
      </div>
    )
  }
}
 
export default Noticebar1