fix(Message): fix example style error

Author: anlyyao

src/message/Message.tsx

@@ -232,7 +232,7 @@ const Message: React.FC<MessageProps> = (originProps) => {
 
   const getLinkContent = () => {
     if (typeof link === 'string') {
-      return <Link content={link} />;
+      return <Link theme="primary" content={link} />;
     }
     if (isObject(link)) {
       return <Link theme="primary" {...link} />;

src/message/_example/base.tsx

@@ -41,27 +41,24 @@ export default function () {
   return (
     <div className="container">
       {content.map((v, index) => (
-        <Button variant="outline" className="button" onClick={() => onClick(index)} key={index}>
+        <Button
+          block
+          size="large"
+          variant="outline"
+          theme="primary"
+          className="button"
+          onClick={() => onClick(index)}
+          key={index}
+        >
           {v}
         </Button>
       ))}
-      <Button variant="outline" className="button" onClick={() => setVisible(true)}>
+      <Button block size="large" variant="outline" theme="primary" className="button" onClick={() => setVisible(true)}>
         带按钮的通知
       </Button>
       <Message
-        closeBtn={
-          <Button
-            theme="primary"
-            variant="outline"
-            className="close-button"
-            onClick={() => {
-              setVisible(false);
-            }}
-          >
-            按钮
-          </Button>
-        }
         visible={visible}
+        link="链接"
         duration={0}
         content="这是一条带操作的消息通知"
         icon={<Icon name="notification" size={22} />}

src/message/_example/close-all.tsx

@@ -39,10 +39,10 @@ export default function () {
 
   return (
     <div className="container button-demo-closeall">
-      <Button variant="outline" className="button" onClick={openAllMessage}>
+      <Button block size="large" variant="outline" theme="primary" className="button" onClick={openAllMessage}>
         打开多个通知
       </Button>
-      <Button variant="outline" className="button" onClick={closeAllMessage}>
+      <Button block size="large" variant="outline" theme="primary" className="button" onClick={closeAllMessage}>
         关闭所有通知
       </Button>
     </div>

src/message/_example/index.tsx

@@ -10,10 +10,10 @@ export default function Demo() {
   return (
     <div className="tdesign-mobile-demo">
       <TDemoHeader title="Message 消息通知" summary="用于轻量级反馈或提示，不会打断用户操作。 " />
-      <TDemoBlock title="01 类型" summary="弹窗内容为纯文本、标题和副标题、带输入框">
+      <TDemoBlock title="01 组件类型" summary="消息通知内容为文本、带操作按钮">
         <Base />
       </TDemoBlock>
-      <TDemoBlock title="02 状态" summary="弹窗状态为普通弹窗、警示提示弹窗、成功提示弹窗、错误提示弹窗。">
+      <TDemoBlock title="02 组件状态" summary="消息组件风格">
         <Theme />
       </TDemoBlock>
       <TDemoBlock title="03 关闭所有通知" summary="关闭所有通知">

src/message/_example/theme.tsx

@@ -59,7 +59,15 @@ export default function () {
   return (
     <div className="container">
       {contents.map((v, index) => (
-        <Button key={index} variant="outline" className="button" onClick={() => onClick(index)}>
+        <Button
+          key={index}
+          block
+          size="large"
+          variant="outline"
+          theme="primary"
+          className="button"
+          onClick={() => onClick(index)}
+        >
           {v}
         </Button>
       ))}