tuns-mobile-components
Version:
Tuns Design UI
37 lines (36 loc) • 1.18 kB
JavaScript
import React from "react";
import { Icon, WhiteSpace } from "antd-mobile";
import NoticeBar from "../../../components/mobile/src/noticebar";
const value = 1;
const NoticeBarDemo = () => {
return (
<div>
<h2>NoticeBarDemo</h2>
<NoticeBar
action={<Icon type="cross-circle" size="xxs" />}
mode="closable"
icon={<Icon type="cross-circle" size="xxs" />}
isbreak={1}
marqueeProps={{
loop: true,
style: { padding: "14px 7.5px", whiteSpace: "normal" },
}}
content="未支付订单超过当日23:50未处理将自动取消，请尽快完成
支付，如支付遇到问题，请联系客服"
/>
<WhiteSpace size="lg" />
<NoticeBar
// action={<Icon type="cross-circle" size="xxs" />}
mode=""
// icon={<Icon type="cross-circle" size="xxs" />}
marqueeProps={{
loop: true,
style: { padding: "0 7.5px" },
}}
content="未支付订单超过当日23:50未处理将自动取消，请尽快完成
支付，如支付遇到问题，请联系客服"
/>
</div>
);
};
export default NoticeBarDemo;