diff --git a/docs/components/components/Main/MainSection/index.local.less b/docs/components/components/Main/MainSection/index.local.less
index 5794e1a11f..e319775a96 100644
--- a/docs/components/components/Main/MainSection/index.local.less
+++ b/docs/components/components/Main/MainSection/index.local.less
@@ -29,14 +29,12 @@
.buttonLeft {
background: #0170fe;
- color: #fff;
- border: none;
}
.buttonRight {
background: #4ba6ff;
- color: #fff;
margin-left: 16px;
+ border-color: #fff;
}
}
diff --git a/docs/components/components/Main/MainSection/index.tsx b/docs/components/components/Main/MainSection/index.tsx
index 71c5bd33b2..1cdc5d283f 100644
--- a/docs/components/components/Main/MainSection/index.tsx
+++ b/docs/components/components/Main/MainSection/index.tsx
@@ -1,8 +1,8 @@
-import React, { useState, useEffect } from 'react'
-import { Button } from 'antd'
+import { Button } from 'antd-mobile'
+import React, { useEffect, useState } from 'react'
import Lottie from 'react-lottie'
-import styles from './index.local.less'
import { useTrans } from '../../../../hooks/useTrans'
+import styles from './index.local.less'
export default (props: { isWidthScreen: boolean }) => {
const [startFireAnimation, setStartFireAnimation] = useState(false)
@@ -36,14 +36,16 @@ export default (props: { isWidthScreen: boolean }) => {